在html中花一条线的方法是有很多的，一般可以直接使用html代码实现或者借助css代码来实现都是可以的。
方法1、使用<hr>标签画线
<html><body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<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>
结果如下：
可能很多除使用Dreamweaver的网友对其中的表格属性的设置还不是很了解，想要让html表格边框有细线的效果，首先我们得要让边框像素为最小，其次它的内边距等都得为零，一起看看具体的设置方法吧。
Dreamweaver
html
表格边框细线效果怎么实现?
方法一：
1、按图所示，最重要的一点，我没有点实际视图，是方面给大家演示出来的效果。
2、然后可以根据大家的需求来选择。我们直接来看效果吧!
方法二：
1、首先打开Dreamweaver
CS6创建一个表格
2、边框粗细为1像素，单元格边距和间距为零。(默认状态即可)
方法三：
1、我们点实时视图看预览的表格边框比较粗，实际上在浏览器观看也是一样的，我就不贴图了。
2、在table标签里面添加一个style内嵌样式，复制下面的代码。
复制内容到剪贴板
style="
border-collapse:collapse
border-width:thin
border-style:solid"
3、然后让我们开下点下图片里的实际视图。一目了然。按道理说应该完善了。但是如果有需要的话，加点颜色会更好。
总结：以上就是全部的Dreamweaver
html
表格边框细线效果怎么实现相关内容了，不知道大家是否已经了解了呢。
<table border="1" cellspacing="0" ><!--border=1设置包括标签table，tr，td的边框粗细，cellspacing合并标签tr，个td的空隙-->
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）