| 代码如下 | 复制代码 |
|
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css 显示背景</title> <style> <!-- html { text-align:center; } body{ position:relative; width:992px; margin:0 auto; text-align:left; } ol,ul { list-style:none; } #lanmu { width:813px; } #lanmu dl { background:#fff url(yun_qi_img/arbg.jpg) repeat-x; margin-top:3px; } #lanmu dt { background:url(yun_qi_img/arttitle.jpg) no-repeat 3px 5px; padding:24px 0 3px 55px; } #lanmu dd { padding:40px 40px 30px 20px; } #lanmu li{ border-bottom:1px dotted #504f4f; margin-left:30px; position:relative; height:30px; line-height:30px; } #lanmu li a:link,#lanmu li a:visited { color:#504f4f; background:url(yun_qi_img/dotl1.jpg) no-repeat 24px 4px; } #lanmu li a:hover,#lanmu li a:active { background:url(yun_qi_img/dotl2.jpg) no-repeat 24px 4px; color:#ff974d; } #lanmu div em{ color:#FF0000; } #lanmu li a { padding-left:36px; } #lanmu span { position:absolute; top:0; right:0; } #lanmu cite { background:#defcaf; } #lanmu div { padding:20px 30px 10px 30px; position:relative; } --> </style> </head> <body> <div id="lanmu"> <dl> <dt>院系动态</dt> <dd> <ul> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/hot.jpg /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> </ul> <div>共 <em>991</em> 篇新闻 首页 上一页 下一页 尾页 页次：<em>1</em>/50页 20篇新闻/页 转到第 <select name="fdfd"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> 页</div> </dd> </dl> </div> </body> </html> |
|
时间： 2024-10-26 21:46:14