css 显示背景
发布时间:2020-05-22 编辑:www.jquerycn.cn
jquery中文网为您提供css 显示背景等资源,欢迎您收藏本站,我们将为您提供最新的css 显示背景资源
代码如下 | 复制代码 |
<!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(http://111cn.net/testimg/arbg.jpg) repeat-x; margin-top:3px; } #lanmu dt { background:url(http://111cn.net/testimg/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(http://111cn.net/testimg/dotl1.jpg) no-repeat 24px 4px; } #lanmu li a:hover,#lanmu li a:active { background:url(http://111cn.net/testimg/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="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/hot.jpg" /><a href="#">我院首部舞台剧《灵魂拒葬》获好评</a><span>[2008-6-5]</span></li> <li><img src="http://111cn.net/testimg/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> |
您可能感兴趣的文章:
DIV CSS布局中无法显示背景颜色是怎么回事
关于CSS控制背景图的问题
了解学习网页中背景图片CSS实现方法
jQuery 行背景颜色的交替显示(隔行变色)实现代码
css3背景图片全屏显示的例子
CSS手册简编:颜色背景属性
第四章 颜色背景的CSS
精通 CSS 滤镜一
CSS3中实现文字扫光效果代码
jQuery 文本框模拟下拉列表效果