<HTML><Head><title>Home</title><Linkrel= "stylesheet"type= "Text/css"href= "Css/web.css"/></Head><Body><!--Top Block -<Divclass= "Top"> </Div><!--Mstyledle-left -<Divclass= "Middle-left"> </Div><!--Middle-middle -<Divclass= "Middle-mid"> <!--Middle TR TD TD - </Div><!--Middle-right -<Divclass= "Middle-right"> </Div></Body></HTML>
The effect is:
Middle-mid some CSS style less write width, you can add.
The CSS code is:
. Top{Color:Red;width:Auto;Height:10%;Border-width:1;Border-style:dotted;}. Middle-left{Color:Red;width:20%;Height:90%;float: Left;Border-width:1;Border-style:Dashed;}. Middle-mid{Color:Red;font-family:"Microsoft Jas Black", Tahoma,geneva,sans-serif;font-size: A;Padding-bottom:30px;Padding-left:30px;Padding-right:30px;Padding-top:30px;Margin-left:20px;Margin-top:20px;width:53%;float: Left;Border-width:1;Border-style:dotted;}. Middle-right{Color:Red;font-size: A;width:20%;float: Right;Height:90%;Border-width:1;Border-style:Dashed;}
Web Frame template (top, bottom (left, middle, right))