Div CSS three-column layout effect instance code:
Three-column layout in a relatively good layout, a large number of sites have applications, but also a beginner must master the layout of one of the following is a three-column layout of the instance code, for reference purposes only, hope to have some help for beginners, code examples are as follows:
<!DOCTYPE HTML><HTML><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /><Metaname= "Author"content= "http://www.softwhy.com/" /><title>Three-column layout effect code instance</title><styletype= "Text/css" >* {padding:0px;margin:0px;}Body{Background-color:#e1ddd9;}H1{font-size:11px;text-align:Center;Color:#564b47;Background-color:#90897a;}Strong{font-size:13px;}#left{position:Absolute; Left:0px;width:190px;Color:#564b47;margin:0px;padding:0px;Height:500px;}#content{margin:0px 190px 0px 190px;Border-left:2px solid #564b47;Border-right:2px solid #564b47;padding:0px;Background-color:#ffffff;Height:500px;}#right{position:Absolute; Right:0px;width:190px;Height:500px;Color:#564b47;margin:0px;padding:0px;}</style></Head><Body><DivID= "Left"></Div><DivID= "Right"></Div><DivID= "Content"></Div><H1>Ant Tribe welcomes You</H1></Body></HTML>
The original address is: http://www.softwhy.com/forum.php?mod=viewthread&tid=9803
For more information, refer to: http://www.softwhy.com/divcss/
Div CSS three-column layout effect instance code