用li制作的导航

Original 2019-03-10 17:24:45 288
abstract:导航<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style type="text/css">*{margin:0px;padding:0px; }ul{width:525px

导航

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

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

ul{width:525px;margin:100px auto;}

ul li{width:100px;height:40px;background: #ccc;list-style: none;text-align:center;line-height:40px;float:left;margin-right:5px;}

ul li:hover{background:pink;cursor:pointer;}

</style>

</head>

<body>

<ul>

<li>html</li>

<li>css</li>

<li>javsscript</li>

<li>jquery</li>

<li>bootstrap</li>

</ul>

</body>

</html>


Correcting teacher:韦小宝Correction time:2019-03-10 17:47:45
Teacher's summary:写的很不错 基本上写起来应该没有什么太大的难度吧 导航基本上都是会用li来做的 方便控制每块的宽高

Release Notes

Popular Entries