Switch to full style
HTML code examples
Post a reply

two Different background colors

Tue Nov 08, 2011 9:49 pm

Two different division with different background color,position and size.
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
title>Different background colors </title>
<
style type="text/css">
.
mainDiv{
  
    width
: 400px;
    height: 400px;
    background:#CCFFCC;
}
*
 .divtwo {
  background:#EE55EE;
  float: right;
  height: 50px;
  margin: 5px;
  padding: 5px;

}

*
 .divone {
    position: absolute;
    padding-left: 5px;
     
}
</
style>
</
head>
<
body>
  <div class="mainDiv"> 
    
<div class="divone">Div one<BR/> Test new line </div> 
    
<!-- 
     Notice its position 
...
    -->
    <div class="divtwo">Dive two </div> 
  
</div> 
</body>
</
html> 

 




Post a reply
  Related Posts  to : two Different background colors
 deal with colors in java     -  
 Drawing a triangle with colors     -  
 show Rainbow Colors     -  
 different colors for table Even- Odd rows and Cells     -  
 Table Border Colors for PHPBB3     -  
 Making Colors Transparent with imagecolortransparent()     -  
 Image Colors Frequencies Histogram in Java     -  
 Specific Colors for Specific Forum     -  
 Background Extraction     -  
 background attachments     -  

Topic Tags

HTML Div, CSS Background