無序列表

ul{width:250px;height:150px;background-color:gray;border:1px solid white;border-radius:10px;}

ul li{margin-top:5px;}

a{text-decoration:none;color:black;}

a:hover{text-decoration:underline;color:white;}

• 這個(gè)段落 在源代碼中
• 這個(gè)段落 在源代碼中
• 這個(gè)段落 在源代碼中
• 這個(gè)段落 在源代碼中
• 這個(gè)段落 在源代碼中

瀏覽器顯示

鼠標(biāo)不經(jīng)過情況：

鼠標(biāo)經(jīng)過情況：

無序列表

ul{list-style-type:none;}

ul li{margin:0;padding:0;float:left;}

ul li a{text-decoration:none;color:black;background-color:red;width:80px;height:40px;padding:10px;}

a:hover{text-decoration:underline;color:white;background-color:green;}

• 這個(gè)段落
• 這個(gè)段落
• 這個(gè)段落
• 這個(gè)段落
• 這個(gè)段落

總結(jié)

以上是生活随笔為你收集整理的html生成无序列表,HTML的ul无序列表的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。