HTML语句中“border=1”是边框为1像素的意思。
border 是 CSS 的一个属性,用 border 可以给能确定范围的 HTML 标记(如 TD、DIV 等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。
一、border-width:thin medium thick 10px
上边框是细边框,右边框是中等边框,下边框是粗边框,左边框是 10px 宽的边框。
二、border-width:thin medium thick
上边框是 10px,右边框和左边框是中等边框,下边框是粗边框。
三、border-width:thin medium
上边框和下边框是细边框,右边框和左边框是中等边框。
四、border-width:thin
所有 4 个边框都是细边框。
扩展资料:
边框其他样式:
none 定义无边框。
solid 定义实线。
dotted 定义点状边框。在大多数浏览器中呈现为实线。
dashed 定义虚线。在大多数浏览器中呈现为实线。
double 定义双线。双线的宽度等于 border-width 的值。
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
inherit 规定应该从父元素继承边框样式。
参考资料:百度百科-border
这篇文章主要介绍css中border-collapse属性设置表格边框线的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!首先我们来了解一下css border-collapse属性是什么?它的作用。
border-collapse 属性:设置表格的边框是否被合并为一个单一的边框,即:用于设置表格边框是合并显示还是分开显示。
基本语法:border-collapse : separate | collapse
separate:默认值,边框会被分开,即显示双线边框。
collapse:如果可能,边框会合并显示为一条线,即单线边框。
由此我们也可以看出border-collapse 属性可以设置两种表格边框线样式,分别为:双线边框和单线边框。
下面我们通过简单的代码示例来看看表格两种边框线样式的实现方法
双线表格边框的实现
html代码:
内容 内容 内容 内容 内容
内容 内容 内容 内容 内容
内容 内容 内容 内容 内容
内容 内容 内容 内容 内容
css代码:table,table td{
text-align: center
border: 1px solid #000
border-collapse:separate;
}
table td{
padding: 10px 30px
}
效果图:
表格边框的双线样式其实很简单,只要同时设置表格外边框和table里的每个单元格的边框,就可以实现了。因为separate是默认值,就算是不设置border-collapse:separate;表格也会呈现双线效果。我们主要是来看看border-collapse属性合并边框,实现单线边框的方法,html代码一样,只需设置css样式:
css代码:table,table tr td {
border: 1px solid #000
text-align: center
border-collapse: collapse
}
table tr td {
padding: 10px 30px
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)