border属性的含义,border在代码中的属性值

http://www.itjxue.com  2023-01-15 17:44  来源:未知  点击次数: 

网页制作中表格的CellPad、CellSpace和Border属性是什么意思

cellPadding

单元格衬距

指定单元格内容与单元格边框的间距大小(以像素为单位)。

cellSpacing

单元格间距

指定单元格的间距大小(以像素为单位)。

border

边框大小

指定表格边框的大小(以像素为单位)。选择

指定无边框。

更多表格属性请参考:

属性_______________描

width______________表格的宽度

height_____________表格的高度

align______________表格的在页面的水平摆放位置

background_________表格的背景图片

bgcolor____________表格的背景颜色

border_____________表格边框的宽度(以像素为单位)

bordercolor________表格边框颜色

bordercolorlight_____表格边框明亮部分的颜色

bordercolordark____表格边框昏暗部分的颜色

cellspacing________单元格之间的间距

cellpadding________单元格内容与单元格边界之间的空白距离的大小

深入理解border属性

1 .css属性是为了显示图文。

2 .边框设计的初衷可能是为了白底的图片和外面区分,所以加一个1px的边框就能看清

3 .边框一般不需要跟随设备变大而变大。

4 .所以其他属性outline,box-shadow,text-shadow也是这来原因而决定的.

1 .1px

2 .thin:1px

3 .medium:3px,默认值。主要是因为border-style:double。至少需要3px才生效

4 .thick:4px

1 .none:所以单纯设置border-width,border-color没有边框显示的原因. 1.5px solid #000 .默认样式是这样

2 .solid:实线

3 .dashed:虚线 :颜色区和透明区的比例所占的不一样,chrome是2:1,IE,火狐是3:1

4 .dotted:圆点边框

5 .double:双线板框。线框的表现还和宽度有关系,宽度不同最后的表现也不一样

6 .其他:inset(内凹),out(外凹),沟槽(groove),ridge(山脊)

1 .border-color默认颜色是color色值,如果没有指定边框颜色,就会使用color的颜色,outline,,box-shadow,text-shadow也是这样

1 .右下方background定位技巧.background定位的一个局限是只能根据左上角定位,而不能相对右下角.一个宽度不固定的元素,我们需要在距离右边缘50像素的位置设置一个背景图片

2 .增加点击区域大小:通过使用透明边框可以增加点击区域的大小

border:50px solid transparent;

3 .三角形绘制

1 .背景图片相对于background-image属性的位置

2 .border-box

3 .content-box

4 .padding-box

1 .center:居中图片

2 .top.left

1 .上面构造出来的全等三角形,其实是由两个直角三角形拼接成的。

2 .所以如果设置某一条边的宽度是0,就可以只显示左边的,实现一个直角三角形

网页基础之border属性

border,翻译成汉语为 边框,即给标签元素定义边框,如上小节《网页基础之background属性的介绍》中笔者使用到了border 的属性,如图:

border: 2px solid #666 拆分出来分别为 border-width 为 2px , border-style 为 solid,border-color 为 #666。

border-style 有常用的四种风格,即 none(无边框), dotted(点状边框),solid(实心边框),dashed(虚线边框),还有一些复合边框,具体可以参考MDN;

border-width 和 border-color 继承了 width 和color 的定义方式,这里就不详细介绍了;

如何做一个简单的三角形,先给四个边的边框颜色都设置为透明色,然后在将左侧边框颜色设置为黑色或者其它颜色,这样一个三角形就做好了

本小节主要讲解了 border 的使用方式,通用定义模式和单独定义模式

(责任编辑:IT教学网)

更多