当前位置:首页 » 网站资讯 » 新闻网站图片怎么写css样式

新闻网站图片怎么写css样式

发布时间: 2024-12-15 14:14:58

Ⅰ css代码。。。怎样在最新发布消息后面带上一个小图标

  1. 你要在css中定义一个div 或者 span 其中包括了这个小图标 可以作为背景;

  2. 在html输出前对你的新闻是否是最新的做判断,如果是 最新的 就在输出新闻标题的后边 输出你定义好的 包含小图标的标签;即可;


其实这样的小图标一般都是插在html中的;就是先对这样的图标做好样式定义,然后根据情况判断,再输出显示就可以了;

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

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>CSS新闻列表制作</title>
<styletype="text/css">
.list{

text-align:left;
}
.listul{
list-style-type:none;
margin:0px;
padding:0px;
}
.listli{
width:100%;float:left;clear:left;
}
.listlia{
color:#777777;
display:block;
text-decoration:none;

}
.listlia:hover{
color:#336699;
}
b{margin-right:10px;}
</style>
</head>
<body>
<ulclass=list>
<li><ahref="#"><b>新闻标题01</b>2007年12月21日</a></li>
<li><ahref="#"><b>新闻标题02</b>2007年12月21日</a></li>
<li><ahref="#"><b>新闻标题03</b>2007年12月21日</a></li>
<li><ahref="#"><b>新闻标题04</b>2007年12月21日</a></li>
</ul>
</body>
</html>

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