On the Internet, I saw a senior friend discuss this issue, so I wrote this article in my spare time to learn about CSS. This is a simple example.
<HTML>
<Head>
<Title> three-column layout with CSS design -- Xixi design </title>
<Style type = "text/CSS">
* {Margin: 0; padding: 0; font-size: 1em ;}
# Header {width: 1002px; Height: 100px; margin: 0 auto; Background: # 06f ;}
# Divall {width: 1002px; Height: 400px; margin: 0 auto; Background: # FFF ;}
# Sider_a {width: 220px; Height: 400px; float: Left; Background: # f93 ;}
# Main {width: 580px; Height: 400px; float: Left; margin-left: 6px; Background: # dceafc ;}
# Sider_ B {width: pixel PX; Height: 400px; float: Right; Background: # CCC ;}
# Footer {clear: bothl; width: 1002px; Height: 60px; margin: 0 auto; Background: #999 ;}
# Header H1 {color: # FFF; font-size: 2em; font-family: Arial; position: relative; top: 20px; left: 20px ;}
# Header H2 {color: # FFF; font-size: 1em; position: relative; top: 30px; left: 80px ;}
# Divall P {color: #000; font-size: 1em; text-indent: 2em; line-Height: 2em; margin: 10px 5px ;}
# Fonter P {color: # FFF; font-size: 2em; line-Height: 60px; text-align: center ;}
# Fonter p a {color: # FFF ;}
</Style>
</Head>
<Body>
<Div id = "Header">
<H1> Xixi studio ----- <H2> I hope I can learn more and make some contributions to the western region ~~ </H2>
</Div>
<Div id = "divall">
<Div id = "sider_a">
<Font size = 6> layout A </font>
</Div>
<Div id = "Main">
<P>
<Font size = 6> B Layout </font>
Xixi studio on CSS design three-column layout.
<Br>
Learn more.
</P>
</Div>
<Div id = "sider_ B">
<Font size = 6> C Layout </font>
</Div>
<Br style = "clear: Both;"/>
</Div>
<Div id = "footer" align = "center">
<P>
<A href = "http://happyprince.cnblogs.com/"> Xixi work blog copyright </a>
<Br>
Hope you can have more communication! QQ: 313315714
</BR>
</P>
</Div>
</Body>
</Html>