怎么给html+css布局的模块描边

html-css017

怎么给html+css布局的模块描边,第1张

用border样式

border:1px solid #000

这是一次性给四条边都加上边框的样式,后面三个属性分别是边框宽度、边框样式(solid是直线,dotted是点线,dashed是虚线)、和边框颜色

每条边单独添加分别用border-top、border-right、border-bottom、botder-left,代表上、右、下、左

原理:利用两个层分别定义不同的边框颜色,一个在内,一个在外即可,在内的自适应。代码如下,已经测试通过:

<div style="width:300pxheight:30pxline-height:30pxborder:1px solid red">

    <div style="width:100%height:30pxline-height:30pxborder:1px solid green">文本内容

    </div>

</div>

你可以看看

把边框全加上去是什么情况,因为预览往下移动一行

说不定时

表格上面一行本来就占那么多空间

第二检查下标签有没有闭合

比如<tr></tr>写成了<tr><tr>

第三

你布局有问题

div

套表格

表格再套div

为什么都用div或块级元素布局呢

比如

企业新闻这个

用<h1>之类的块级元素,然后背景用样式

background:url()来加图片,然后文字比如你的更多用

text-align:right

然后下面的新闻列表用ul

li

布局呢??