结果样式:
首先新建一个html，内容：
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet"
type="text/css" href="css/test2.css"
<meta
http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<title>无标题文档</title>
</head>
<body>
<p>sssss</p>
<div
class="viewthread_sub">
<h4>快速回复主题</h4>
</div>
<div
class="sub2">
ddddddddddddd
</div>
</body>
</html>
接着是css样式：
body{
padding:0;
margin:0 auto;
}
.viewthread_sub {
padding: 1px;
border: solid #76C0E3;
border-width: 1px;
}
<wbr>.viewthread_sub h4 {</wbr>
margin:0; //
做到最后才发现原来是这个没有加，可能是默认的h标题标签的margin是不为0的。
padding: 0 10px;
height: 31px;
line-height: 31px;
background: #325FA2
url(../images/header_bg.gif) repeat-x;
color: white;
text-align: left;
}
.sub2{
border: solid #76C0E3;
border-width: 0 1px 1px; //上
左右 下
height:100px;
}
肯学肯去探索就很简单！记下吧！！！^_^
相关推荐
table 细线 样式 table 细线 样式
html中的table中做细线表格，里面说的很详细，大家可以下载来看看
HTML小技巧：将table边框改为细线 HTML制作新手在用TABLE表格时，会碰到如何改变边线粗线
这是一张杂乱的线条细线PPT背景图片，第一PPT模板网提供各类精美幻灯片背景图片免费下载； 关键词：灰色线条PPT背景图片，艺术气息的细线幻灯片背景图片，.jpg格式；
非常用创意的用ul+li实现的细线表格效果，不用table
在中间圆形内填写PPT标题文字。幻灯片模板设计简洁简约充满艺术范； PowerPoint模板内容页，由23张细线风格幻灯片图表制作。另外使用了多张清新植物花卉作为背景素材。 关键词：细线文艺范幻灯片模板，动态艺术...
唯美细线线条、不同透明度圆圈创意设计，适合美容美妆化妆品行业时尚简约ppt模板。
细线表格简单实现 table{border:1px solid #000;border-width:1px 0 0 1px;margin:2px 0 2px 0;text-align:center;border-collapse:collapse;} td,th{border:1px solid #000;border-width:0 1px 1px 0;margin:2...
黑空中的全景地球图片，极简细线六边形创意封面，细线几何图形与细线的简约设计，适合航天科技科研工作者的工作汇报，宇宙精美照片展示的简约科技ppt模板。
Dreamweaver中怎么让html网页中的table边框细线显示？Dreamweaver中插入表格默认是宽边框的，看上去很难看，该怎么将边框设置成细线呢？请看下文详细介绍，需要的朋友可以参考下
这是50个大气白色细线PPT图标素材，第一PPT模板网提供精美幻灯片素材免费下载； 关键词：白色商务PowerPoint图标，细线风格幻灯片图标，.PPTX格式；
PPT模板封面，使用了红色细线框填写新年工作计划PPT标题。 PowerPoint模板内容页，由27张红色灰色搭配的扁平化幻灯片图表制作。另外使用了多张黑白工作场景图片、职场白领图片、办公写作图片等进行排版。 关键词：...
Webapp中的CSS3实现 0.5px的细线 感觉很长时间没写过博客了，最近生活还算稳定，过得较为充实，所以又要开始写写东西了，一个是为了做些记录，是怕自己某一天，忘记了，回头翻翻博客，就会再次的拾起来，记忆，就是...
NULL 博文链接：https://javapub.iteye.com/blog/733910
简约美观彩色斜细线，圆的创意封面，低面背景，微立体风格，简约商务工作汇报、工作总结ppt模板。
细线六角形创意简约大气封面，空间视觉感细线条图表，扁平化设计，简约素雅年中工作总结，工作报告ppt模板。
松下细线同轴连接器CF(低高度型)样本pdf,超低高度设计。垂直组合型产品，实现了0.8mm的组合高度；采用可适应各种环境的“TOUGHT CONTACT ADVANCED ”构造实现了高接触可靠性及良好的插拔触感；采用高刚性插头结构，...
松下细线同轴连接器CS(0.25mm间距) 插头护套样本pdf,线缆间距为0.25mm，节省空间型 ；(垂直组合型 组合高度：1.27mm、宽：2.81mm)；可适应各种环境；2片式组合构造确保了组合作业时的插入稳定性；适用电线，同轴AWG...
优化表格的过程中当然是却漂亮越好啊，所以css优化表格的属性就派上用场了，接下来介绍css优化细线表格注意的一些细节，需要的朋友可以了解下
左侧使用蓝色字体填写工作总结PPT标题。右侧使用6个六边形图形和图标组合排练。界面设计简洁实用。 PowerPoint模板内容页面，由28张蓝色扁平化幻灯片图表制作。 关键词：蓝色简洁PPT模板，细线六边形幻灯片背景，...