制作一个简单的导航条

原创 2019-01-25 19:31:17 266
摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=<device-width>, initial-scale=1.0&qu

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=<device-width>, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

<style>

ul{

list-style: none;

}

li{

line-height: 30px;

width: 100px;

height: 30px;

background:greenyellow;

box-shadow: 2px 2px 10px gray;

margin-left: 2px;

float: left;

text-align: center;

font-weight: bold;

border-radius: 3px;

}

</style>

</head>

<body>

<ul>

<li>要闻1</li>

<li>要闻2</li>

<li>要闻3</li>

<li>要闻4</li>

</ul>

</body>

</html>



批改老师:灭绝师太批改时间:2019-01-26 09:24:33
老师总结:前端浮动属性用的比较多,也比较容易出错,多多练习

发布手记

热门词条