鼠標移入效果

<!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="#">北上廣老樓加裝電梯難 上?！凹犹荨毙枭w46個章</a></li>
            <li><a href="#">35萬家機構取得統(tǒng)一社會信用代碼</a></li>
            <li><a href="#">北京普降首場春雨 華北東北喜降甘霖緩解墑情</a></li>
            <li><a href="#">北京抑制飛絮20萬株楊柳“打針” 今后不種雌株</a></li>
            <li><a href="#">北京植物園郁金香提前綻放</a></li>
            <li><a href="#">北京城區(qū)新添13處公租自行車點 今年將累計增加</a></li>
            <li><a href="#">本周天氣變化多 小雨今晚打頭陣</a></li>
        </ul>
    </div>
</body>

</html>

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容