鼠标移入效果

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>CSS样式实例</title>
<style type="text/css">
/公共样式/
div,ul,li,a{margin:0px;padding:0px;}
ul{list-style:none;}
a{
font-size:14px;
color:#222;
text-decoration:none;
}
a:hover{
color:blue;
text-decoration:underline;
}

        div.news{
            width:350px;
            border:1px solid #ddd;
            padding:10px;
        }
        
        div.news ul li{
            line-height:25px;
            width:100%;
            padding-left:15px;
            background:url("./images/bullet.gif") no-repeat 5px 13px;
        }
    </style>
</head>
<body>
    <h3>CSS实例:列表样例</h3>
    <div class="news">

        <ul>
            <li><a href="#">北上广老楼加装电梯难 上海“加梯”需盖46个章</a></li>
            <li><a href="#">35万家机构取得统一社会信用代码</a></li>
            <li><a href="#">北京普降首场春雨 华北东北喜降甘霖缓解墒情</a></li>
            <li><a href="#">北京抑制飞絮20万株杨柳“打针” 今后不种雌株</a></li>
            <li><a href="#">北京植物园郁金香提前绽放</a></li>
            <li><a href="#">北京城区新添13处公租自行车点 今年将累计增加</a></li>
            <li><a href="#">本周天气变化多 小雨今晚打头阵</a></li>
        </ul>
    </div>
</body>

</html>

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容