用csS定位两条水平线

html-css022

用csS定位两条水平线,第1张

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

这是水平线的样式

<style type="text/css">

hr{ margin:50px 5px 20px 60px}上 右 下 左

</style>

表格单元格里的水平线

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><hr /></td>

<td> </td>

</tr>

</table>