bordersolid,border solid

http://www.itjxue.com  2023-01-09 12:49  来源:未知  点击次数: 

solid是什么意思

“Border”(画边框),它是CSS的一个属性,用它可以给能确定范围的HTML标记(如TD、DIV等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。下面将通过实 例来说明其应用技巧。

1、给文本加边框

上面的示例中,给一段文字加了不同的边框,只是为了说明边框线的颜色、粗细是可变的。第一个边框的CSS代码是:style= "border:thin solid red";“border”后面的三个参数的含义是:边框线的宽度是:thin(细线);边框线的类型: solid(实线);边框线的颜色:red(红色)。我们定义边框,实际上就是设定这三个参数值。

边框线的宽度有三个标准值:thin(细线)、medium(中粗线)和thick(粗线),此外,也可以自定义宽度,如:1pt、5px、2cm等。

边框线的类型有九个确定值:none(无边框线)、 dotted(由点组成的虚线)、 dashed(由短线组成的虚线)、 solid (实线)、 double(双线,双线宽度加上它们之间的空白部分的宽度就等于border-width定义的宽度)、 groove(3D沟槽状的边 框)、 ridge(3D脊状的边框)、 inset(3D内嵌边框,颜色较深)、 outset(3D外嵌边框,颜色较浅),注意:如果系统不支持这些 边框的属性值,那么“dotted”、“dashed”、“double”、“groove”、“ridge”、“inset”和“outset”都会被 “solid”代替。

边框线的颜色:可以用十六进制的颜色代码,如#00ffcc。

从上面可以看出,给文本加边框确实很简单,上例中后面那几个边框的设置,我不讲你也明白了吧!在这里告诉你一点小技巧,给一段文本加边框,可 把CSS加在〈P〉标记里;给几段文本加边框,先把那几段文本用DIV标记括起来,再把CSS加在〈DIV〉标记里;若是要给一行文本加几个不同的边框, 则需要把文本放在表格里,再把CSS分别加到〈TD〉标记里。

怎样在网页制作中设置出表格实线

border-style 。这样:border:solid。

知识详解:

border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。

只有当这个值不是 none 时边框才可能出现(就是说,不要none属性,none是不显示的意思)。

border有多个边框属性:“颜色、宽度、样式。”

而你说的是样式:譬如“dotted solid double dashed。”

这四个分别是“点状线、实线、双线、虚线。”

直接用:border是上下左右都使用样式。

border-top,上边框。

border-bottom,下边框。

border-left,左边框。

border-right,右边框。

如何在css样式上的属性中添加border

定义和用法

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:

border-width

border-style

border-color

如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。

默认值:

not specified ? ?

继承性:

no ? ?

版本:

CSS1 ? ?

JavaScript 语法:

object.style.border="3px solid blue" ? ?

可能的值

描述

border-width ? ?规定边框的宽度。参阅:border-width?中可能的值。 ?

border-style ? ?规定边框的样式。参阅:border-style?中可能的值。 ?

border-color ? ?规定边框的颜色。参阅:border-color?中可能的值。 ?

inherit ? ?规定应该从父元素继承 border 属性的设置。 ?

TIY 实例

所有边框属性在一个声明之中

本例演示用简写属性来将所有四个边框属性设置于同一声明中。

(责任编辑:IT教学网)

更多

推荐PowerPoint文章