CSS定义HR水平线的几种样式

html-css019

CSS定义HR水平线的几种样式,第1张

对于CSS定义水平线标签，常用的有以下几种样式，仅供参考。对于 程序代码height:1pxborder:none的主要用途就是Css Reset，关于Css Reset可以搜索下博客里其他文章介绍。

Html代码：

<body>

<div id="left">

左水平线

</div>

<div id="right">

右水平线

</div>

</body>

css代码：

<style type="text/css">

#left{

border-bottom:solid #999999 2px

margin-left:20%}

#right{

border-bottom:solid #999999 2px

margin-right:30%}

</style>

说明:其实水平线制作方法我也不是很清楚，我这个是用div做的，能到达你说的效果，但是我觉得应该还有更简单的办法！！知道了给我说哟，大家相互学习！