一个无序列表生成的导航

原创 2018-12-29 15:48:05 262
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>导航</title><style type="text/css">*{margin: 0px;padding: 0px;}ul li{list-style: non

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>导航</title>

<style type="text/css">

*{margin: 0px;padding: 0px;}

ul li{list-style: none;}

div{width:612px;height: 40px;margin:0 auto;}

ul li{width: 100px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #ccc;float: left;}

ul li a{text-decoration: none;font-size: 14px;color: orange;}

ul li a:hover{color: red;font-size: 18px;}

</style>

</head>

<body>

<div>

<ul>

<li><a href="#">HTML</a></li>

<li><a href="#">CSs</a></li>

<li><a href="#">JS</a></li>

<li><a href="#">JQuery</a></li>

<li><a href="#">php</a></li>

<li><a href="#">Java</a></li>

</ul>

</div>

</body>

</html>


批改老师:韦小宝批改时间:2018-12-29 15:59:59
老师总结:还是很不错的!css还是比较复杂的,课后记得要多练习哦!

发布手记

热门词条