Only for novice reference study, we welcome you to propose more ways to achieve.
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> Interlaced </title>
<script type= "Text/javascript" > </script>
<style type= "Text/css" >
. List Ul{position:relative;background:url (place a background image here) repeat 0 0;width:400px;}
. list ul li{height:32px;line-height:32px;}
. list ul li em{position:absolute;right:0px;}
</style>
<body>
<div class= "List" >
<ul>
<li><a href= "" alt= "> This is an interlaced color ah ...</a><em> (2009-8-20) </em></li>
<li><a href= "" alt= "> This is an interlaced color ah ...</a><em> (2009-8-20) </em></li>
<li><a href= "" alt= "> This is an interlaced color ah ...</a><em> (2009-8-20) </em></li>
<li><a href= "" alt= "> This is an interlaced color ah ...</a><em> (2009-8-20) </em></li>
<li><a href= "" alt= "> This is an interlaced color ah ...</a><em> (2009-8-20) </em></li>
</ul>
</div>
</body>
The above is the HTML and CSS to do Web Instance Tutorial: Page List interlaced content, more related articles please pay attention to topic.alibabacloud.com (www.php.cn)!
