两边横线，中间标题

徐同保

于 2017-11-24 13:32:27 发布

阅读量626

点赞数 1

分类专栏： web前端前端技术分享文章标签： css

本文链接：https://blog.csdn.net/xutongbao/article/details/78623692

版权

web前端同时被 2 个专栏收录

735 篇文章

订阅专栏

前端技术分享

271 篇文章

订阅专栏

<!DOCTYPE html> 
<html> 
<head> 
<title>两边横线，中间标题</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style type="text/css">
<!--
	ul { 
		margin:0; 
		padding:0; 
		list-style-type:none;
	} 
	ul#navlist {
		font:12px verdana;
		padding-bottom: 13px;
	}
	ul#navlist li span { 
		background: #FBFBFB;
	}
	ul#navlist li {
		float: left; 
		height: 30px; 
		border: 0px solid #6c6; 
		width: 100%;
	}
	ul#navlist .list1 {
		border-bottom: 1px dashed #D8D8D8;
		width: 100%;
		margin-bottom: -15px;
	}
	#navlist a {
		display: block;
		color: #666;
		text-decoration: none;
		padding: 6px 5px;
		width: 100%;
		text-align: center;
	}
-->
</style>
</head>
<body>
	<ul id="navlist">
		<li class="list1"></li>
		<li class="list2"><a href=""><span>文字内容</span></a></li>
	</ul>
 </body>
</html>