CSS文件中如何定义水平线的宽度

html-css015

CSS文件中如何定义水平线的宽度,第1张

<html>

<head>

<style>

hr{width:1height:100color:#ff9966}

.h1{width:1height:200color:#ff0000}

</style>

</head>

<body>

<hr>

<hr class="h1">

</body>

</html>

width可以设置，height在IE中最高显示100px

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做的，能到达你说的效果，但是我觉得应该还有更简单的办法！！知道了给我说哟，大家相互学习！