html+css做一个这样子的新闻列表怎么做，大神可以教教我吗_IT百科

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>CSS新闻列表制作</title>

.list{

text-align: left

}

.list ul{

list-style-type: none

margin: 0px

padding: 0px

}

.list li{

width: 100% float:leftclear:left

}

.list li a{

color: #777777

display: block

text-decoration:none

}

.list li a:hover{

color: #336699

}

b{margin-right:10px}

</style>

</head>

<body>

</ul>

</body>

</html>

当然您可以添加一些特效喽

这个一般通过样式解决，找到定义文章列表的css，然后加个小图标背景就行。

比如html是这样写的：<li>内容内容</li>

css这样写：

li{

background: url("../images/xx.jpg") no-repeat left center

padding-left:10px

}

欢迎分享，转载请注明来源：内存溢出

html+css做一个这样子的新闻列表怎么做，大神可以教教我吗