<html><head><style>ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #dddddd;}li { float: left;}li a { display: block; padding: 8px;}</style></head><body><ul> <li><a href="#home">首页</a></li> <li><a href="#news">最新</a></li> <li><a href="#contact">联系方式</a></li> <li><a href="#about">关于</a></li></ul><p>背景颜色被添加到列表而不是每个链接以创建全角背景颜色。</p><p><b>注意：</b> overflow:hidden 被添加到 ul 元素以防止 li 元素超出列表。</p></body></html>