The use of all backgrounds to create columns on the Web page is very clever and kind, like the previous desktop program. Using three images, all the columns of the entire web page are generated.
Titletag.png
HTML code
- <! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <HTML xmlns = "http://www.w3.org/1999/xhtml">
- <Title> entertainment channel-Sohu </title>
- <Style type = "text/CSS">
- A {color: #333; text-Decoration: none; font-size: 12px}
- A: hover {color: # dc0000; text-Decoration: underline ;}
- . Column,. column_btm {width: 265px ;}
- . Column H2 {Background: url(titletag.png) 0-60px; color: # FFF; Height: 24px; line-Height: 24px; font-size: 12px; font-weight: weigth; margin: 0px; padding: 0 0 0 12px ;}
- . Column {
- Background: url(bgx.gif) Repeat-x 0-85px; Height: 25px; line-Height: 25px; Vertical-align: middle; display: block; margin: 0 1em;
- }
- . Bgno {Background: none ;}
- . Column_btm {Background: url(titletag.png) 0-259px; Height: 5px; font-size: 1px; clear: Both ;}
- . Column {Background: url(cutbg.gif)-2585px 0 ;}
- </Style>
- </Head>
- <Body>
- <Div class = "column">
- <H2> <span> Sohu video </span> </H2>
- <A href = "http://blog.csdn.net/wallimn" Title = "Welcome to my blog" target = "_ blank"> Zhejiang discovers that the Grand Palace of the bottom of the lake is arranged by dipper </a>
- <A href = "http://blog.csdn.net/wallimn" Title = "Welcome to my blog" target = "_ blank"> disturbing speech students who claim to be acquitted on bail </a>
- <A class = "bgno" href = "http://blog.csdn.net/wallimn" target = "_ blank"> Liu Qian's strange magic shadow looks for playing cards as a ghost. </a>
- <Div class = "column_btm"> </div>
- </Body>
- </Html>