可能很多除使用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
表格边框细线效果怎么实现相关内容了，不知道大家是否已经了解了呢。
感觉上你对DIV的概念不是很明确，你可以应用class到表格。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">
<html xmlns="http://wwww3org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div中嵌入表格的表格的样式</title>
<style type="text/css">
<!--
#content{
width:400px;
margin:0px auto;
margin-top:200px;
}
#content table{
border-collapse:collapse; /合并表格线条 /
width:400px;
}
#content td{
font-size:12px;
border:1px solid #000; /表格的边框的宽度为1px，实线，颜色为黑色/
background-color:#CCFF00;
height:30px;
text-align:center;
}
#content tda{
background-color:#e3e685;
}
-->
</style>
</head>
<body>
<div id="content">
<table>
<tr>
<td class="a">A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）