新闻列表标题省略样式

<!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=utf-8" />
<title>CSS实现超过特定长度显示省略号的方法webjx.com</title>
<style type="text/css">
ul {width:200px; margin:50px auto;}
li {width:200px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
a {color:#03c; font-size:13px;}
a:hover {color:#000;}
</style>
</head>
<body>
<ul>
<li><a href="http://www.webjx.com/htmldata/2007-10-16/1192526505.html">芭比娃娃色调照片,PS制作过程</a>
<li><a href="http://www.webjx.com/htmldata/2007-10-11/1192115032.html">照片处理 PS轻松制作漂亮灿烂星空MM特效照</a>
<li><a href="http://www.webjx.com/htmldata/2007-09-13/1189681483.html">Photoshop简单打造画意效果的老照片美女特效</a>
<li><a href="http://www.webjx.com/htmldata/2007-09-13/1189653291.html">照片处理 Photoshop为照片添加真实阴影和光线离</a>
<li><a href="http://www.webjx.com/htmldata/2007-08-31/1188554851.html">Photoshop简单为照片绘制可爱个性心形图案</a>
<li><a href="http://www.webjx.com/htmldata/2007-08-29/1188380812.html">Flash教程:简单实现AS绘制贝塞尔曲线</a>
</ul>
</body>
</html>

 

posted on 2013-06-21 20:12  yun007  阅读(1513)  评论(0编辑  收藏  举报