border属性值有哪些,css border属性具体含义

http://www.itjxue.com  2023-01-20 01:03  来源:未知  点击次数: 

border-radius属性是什么?

borderradius是CSS3设置圆角的一个属性,其属性值得单位可以使用:em、px、百分比等等。设置原则:一个值,则用其为半径构建圆形,这个圆与边框的交集形成圆角效果。两个值,则用两个值分别为半长轴、半短轴构建椭圆,这个圆与边框的交集形成圆角效果。

圆角是用一段与角的两边相切的圆弧替换原来的角,圆角的大小用圆弧的半径表示。在网页设计越来越精美的今天,圆角的应用已经越来越广泛。borderradius的用途:为边框设置圆角,若无边框,则会作用到背景上。

圆是一种几何图形。根据定义,通常用圆规来画圆。同圆内圆的直径、半径长度永远相同,圆有无数条半径和无数条直径。当多边形的边数越多时,其形状、周长、面积就都越接近于圆。所以,世界上没有真正的圆,圆实际上只是概念性的图形。

border属性有几种?

boeder边框设置:

边框样式:border-style: ;

边框颜色:border-color: ;

边框宽度:border-width: ;

对每个边框设置:border-bottom/top/left/right-color/style:

简写:border: 5px solid red;

border圆角:

border-radius:?10px?10px?10px?10px/10px?10px?10px?10px;(如果是八个值,其设置顺序如下图)

设置某一个角:

border-top-left-radius:?10px;

border-bottom-right-radius:?20px;

border-style属性有几种(分别是)?可否编一小段?

border-style 属性可设置四边的样式,可以有1到4种样式

举例

table {border-style: dotted}

all four borders will be dotted

四条边都为打点型

table {border-style: dotted dashed}

top and bottom border will be dotted, left an right border will be dashed

上下边为打点型的,左右为粉碎型

table {border-style: dotted dashed solid}

top border will be dotted, left and right border will be dashed, bottom border will be solid

上边为打点型,左右为粉碎型边框,下边框为线型

table {border-style: dotted dashed solid double}

top border will be dotted, right border will be dashed, bottom border will be solid, left border will be double

上边为打点型,右边为粉碎型,下边为线型,左边为双线型

可用值

值 描述

none Defines no border

无边框

hidden The same as "none", except in border conflict resolution for table elements

除了在table元素的边框解析上有冲突外基本和"none"一样

dotted Defines a dotted border. Renders as solid in most browsers

打点边框,在大多数浏览器中会变为线条

dashed Defines a dashed border. Renders as solid in most browsers

断裂边框,在大多数浏览器下也会变为线条(在IE里dotted和dashed基本无区别,FF浏览器有所不同)

solid Defines a solid border

线条边框

double Defines two borders. The width of the two borders are the same as the border-width value

双线边框。两线的宽度和border-width值一样

groove Defines a 3D grooved border. The effect depends on the border-color value

3D沟槽边框。效果依赖于border-color的值

ridge Defines a 3D ridged border. The effect depends on the border-color value

3D脊状边框。效果依赖于border-color的值

inset Defines a 3D inset border. The effect depends on the border-color value

3D嵌入边框。效果依赖于border-color的值

outset Defines a 3D outset border. The effect depends on the border-color value

3D突出边框。效果依赖于border-color的值

在VB窗体属性中,BorderStyle属性有0~5,这些功能分别都是什么?

VB窗体BorderStyle属性设置值如下: ?

属性设置值0:None(无边界框架)

属性设置值1:FixedSingle(窗口大小固定不变的单线框架)

属性设置值2:Sizable(窗口大小可变的标准双线框架)

属性设置值3:FixedDialog(窗口大小固定的对话框窗体)

属性设置值4:FixedToolWindow(窗口大小固定的工具箱窗体)

属性设置值5:Sizable ToolWindow(窗口大小可变的工具箱窗体)

扩展资料

VB窗体其他属性及说明

1、Appearance,外观效果,取值为:

0:平面

1:3D(立体)

2、AutoRedraw,是否自动刷新或重画窗体上所有图形[获得或设置从绘图(graphics)方法到一个持久性位图的输出,取值为:

True

False

BackColor 背景颜色,可从弹出的调色板选择。

3、DrawStyle,设定绘图相关方法使用的直线样式,有7 种可选:

0:实线,此为默认值

1:虚线

2:点线

3:单点划线

4:双点划线

5:无线

6:内部实线

参考资料来源:百度百科-VB窗体

CSS border(边框)样式写法总结

border属性 :在网页中设置元素的边框样式。可同时设置边框宽度、边框样式、边框颜色。也可以单独设置上边、右边、下边、左边的边框。

语法:border: border-width | border-style | border-color;

border-width :边框宽度。可以指定长度值。如1px,1em(单位为px,pt,em等)。或者使用关键字medium(默认),thick,thin。

?border-top-width:设置元素上边框宽度

?border-right-width:设置元素右边框宽度

?border-bottom-width:设置元素下边框宽度

?border-left-width:设置元素左边框宽度

border-style :边框样式。

?border-top-style:设置元素上边框样式

?border-right-style:设置元素右边框样式

?border-bottom-style:设置元素下边框样式

?border-left-style:设置元素左边框样式

?属性值有:

??none:无边框。

??hidden:隐藏边框。对于表,hidden 用于解决边框冲突。

??dotted:点状边框。

??dashed:虚线边框。

??solid:实线边框。

??double:双线边框。两条单线与其间隔的和等于指定的border-width值。

??groove:3D凹槽边框。

??ridge:3D垄状边框。

??inset:凹边框。

??outset:凸边框。

border-color :边框颜色。

1.1 边框各样式效果图

1.2 四条边颜色样式相同

1.3 四条边颜色不同,样式相同

1.4 四条边颜色相同,样式不同

1.5 设置上边框宽度、样式、颜色

1.6 设置右边框宽度、样式、颜色

1.7 设置下边框宽度、样式、颜色

1.8 设置左边框宽度、样式、颜色

以上对border边框属性进行了基础操作,大家可以根据自己的经验为边框制作出更漂亮的样式。如若大家有什么更好的见解,那就在回复区畅所欲言吧,我定会吸取精华~如有写错欢迎大家回复,我以后定会更加细心 _

HTML中表格属性有哪些?

table?width="800"?border="0"?align="center"?cellpadding="0"?

cellspacing="0"

该标记标示表格的开始,该表格宽度为800像素,边框粗细为0(?即不显示边框?),对齐方式"水平居中",单元格边距"0",单元格间距"0"。

表格属性的设置及相关说明:

border:?用于设置表格边框的粗细,属性值为数值,数值越大,框线越粗,如果设置border="0",则表示不显示表格框线

background:?用于设置表格的背景图片,属性值为URL(?图片所在路径及图片文件的文件名?)

例:

table?background="URL"??????!--设置表格背景图片--

cellspacing:?用于设置表格内框线宽度(?即单元格间距?),属性值为数值(?单位为像素?),数值越大,单元格间距越大,若未设置,默认值为2

例:

table?cellspacing="1"???????!--设置表格中单元格间距为1--

cellpadding:?用于设置表格内文字与表格框线之间的间距(?单元格边距?),属性值为数值(?单位为像素?),数值越大,表格内文字与表格框线的间距越大,该属性的设置值必须是大于或等于0的正整数值,若未设置,默认值为1

例:

table?cellpadding="0"???????!--设置表格中单元格边距为0--

width:?用于设置表格的宽度(?也可用于设置单元格td或th宽度?),属性值可以是数值(?单位为像素?),也可以是百分比(?相对于父级目标的比例值?),数值越大,表示宽度越大(?注:?设置width属性时,可以先设置表格的宽度,再依次设置各单元格的宽度,也可以不设置表格的宽度,仅设置表格中各单元格的宽度?)

例:

table?width="100"????????????!--设置表格宽度为100像素--

td?width="20%"???????????????!--设置单元格宽度为所在表格宽度的20%--

height:?用于设置表格的高度(?也可用于设置单元格td或th高度?),属性值可以是数值(?单位为像素?),也可以是百分比(?相对于父级目标的比例值?),数值越大,表示高度越大(?注:?设置height属性时,可以先设置表格的高度,再依次设置各单元格的高度,也可以不设置表格的宽度,仅设置表格中各单元格的高度?)

例:

td?height="30"???????????????!--设置单元格高度为30像素--

bgcolor:?用于设置表格或单元格或表格中的行或列的背景颜色,属性值可以使用颜色名称,或使用三原色混色值

例:

table?bgcolor="blue"?????????!--设置表格背景颜色为蓝色--

td?bgcolor="black"???????????!--设置单元格背景颜色为黑色--

align:?用于设置表格或单元格的对齐方式。在table标记中设置align属性用于设置表格的对齐方式,包括:?center(?表格居中对齐?),left(?表格左对齐,默认值?),right(?表格右对齐?)。在行tr或单元格td或th标记中设置align属性用于设置单元格内文字的对齐方式,包括:?center(?单元格内文字居中对齐?),left(?单元格内文字左对齐,默认值?),right(?单元格内文字右对齐?)

valign:?用于设置单元格内文字垂直对齐方式,包括:?top(?单元格内文字顶端对齐?),middle(?单元格内文字垂直居中对齐,默认值?),bottom(?单元格内文字底端对齐?)

tr

表格中的行标记,tr即table?row的缩写,tr标记为成对标记,用于设置表格中一行的开始和结束及该行的相关属性,表格中有多少行,则该表格的table…/table标记内就有多少对tr…/tr标记与之对应。

例:

tr?valign="top"

该标记标示行的开始,垂直对齐方式"顶端对齐"(?默认为垂直居中对齐?)。

tr标记中的水平对齐属性:align="left"(?左对齐?);?align="center"(?居中?);?align="right"(?右对齐?)。

tr标记中的垂直对齐属性:valign="top"(?顶端?);?valign="middle"(?居中?);?valign="bottom"(?靠下?)。

td

表格中的字段(?列?)数据标记,td即table?Data的缩写,td标记为成对标记,用于设置字段数据的开始和结束及字段的相关属性,表格中有多少列,则该表格的table…/table标记内就有多少对td…/td标记与之对应。

例:

td?width="50%"

该标记标示一个单元格的开始,该单元格宽度设置为父级目标宽度的50%。

th

表格中列标题(?字段名?)定义标记,th是Table?Header的缩写,th标记为成对标记,用于设置表格的表头名称(?字段名?),该标记内文字的对齐方式为水平居中且垂直居中,字体加粗。也可以在该标记内使用align和valign设置该字段内的对齐方式,其设置值的有效范围只限于该数据。在tr标记内,align和valign对该行中的所有字段均有效。

border

table标记中的属性之一,用于设置表格边框的粗细。Border属性值可用数值表示,其值为0或省略此项设置表示不显示边框,数值越大表示框线越粗。

(责任编辑:IT教学网)

更多

推荐思科认证文章