</ul>
————————————————
版权声明：本文为CSDN博主「小秋虫」的原创文章，遵循 CC 4!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。原文链接：httpsTransitional//EN" "http://blogwww.csdnw3.netorg/qq_36759976TR/articlexhtml1/detailsDTD/79515229xhtml1-transitional.dtd">*{ margin<html xmlns="http:0//www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; padding:0; fontcharset=utf-size:14px; } 8" /><title>无标题文档</title><link href="styles/navigation.css" rel="stylesheet" type="text/css"/这里做了一个基本的样式清除，并且设置初始的文字大小为14px;></head> <body><header> <nav> <ul{ list-style:none; width:100px; } > <li><a href="#" title="首页" target="_blank">首页</a></li> <li><a href="#" title="国内新闻" target="_blank">国内新闻</a></list-style:none;是为了清除条目前的那个圆点 li> <li{ height:30px; line-height:30px; width:100px; background-color:><a href="#f60; margin-bottom:1px; padding-left:10px;} " title="国外新闻" target="_blank">国外新闻</a></padding-left:10px是为了让文字向右移动10个像素，但是li的宽度也会增加10个像素，这里推荐用text-indent:10px;文本缩进10个像素li> <li><a{text-decoration:none; display:block; height:30px; line-height:30px; width:100px; background-color:href="#f60; margin-bottom:1px; padding-left:10px;" title="娱乐新闻" target="_blank">娱乐新闻</a></li> <li><a:hover{ background-color:href="#f60; color:" title="时事新闻" target="_blank">时事新闻</a></li> <li><a href="#0000;} " title="联系我们" target="_blank">联系我们</a></li> </ul> </nav></header></body></这个是鼠标经过的样式html>
————————————————
版权声明：本文为CSDN博主「小秋虫」的原创文章，遵循 版权声明：本文为CSDN博主「_LDL」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/qq_36759976lindonglian/article/details/7951522946044439
