無序列表

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;}

• 這個段落 在源代碼中
• 這個段落 在源代碼中
• 這個段落 在源代碼中
• 這個段落 在源代碼中
• 這個段落 在源代碼中

瀏覽器顯示

鼠標不經過情況：

鼠標經過情況：

無序列表

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;}

• 這個段落
• 這個段落
• 這個段落
• 這個段落
• 這個段落

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。