基本就是这么干的！你阔以参考一下！
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>test</title>
<style type="text/css">
ol,ul {
list-style: none
}
#main{
margin:20px auto
width:800px
height:40px
background:blue
}
#main li{
width:100px
height:20px
font-weight:600
color:#FFFFFF
border-right:1px solid #ffffff
text-align:center
line-height:20px
margin-top:10px
margin-right:5px
float:left
}
</style>
</head>
<body>
<ul id="main">
<li>首页</li>
<li>新闻中心</li>
<li>企业简介</li>
<li>新闻中心</li>
<li>企业简介</li>
</ul>
</body>
</html>
在html中花一条线的方法是有很多的，一般可以直接使用html代码实现或者借助css代码来实现都是可以的。
方法1、使用<hr>标签画线
<html><body>
<p>hr 标签定义水平线：</p>
<hr />
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>
结果如下：
方法2：使用css的border进行画线
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>float</title>
</head>
<div id="div1"></div>
<style>
#div1{
width: 500px
border-bottom: 1px solid red
}
</style>
</html>
结果如下：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）