border属性值有哪些,css border属性具体含义
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或省略此项设置表示不显示边框,数值越大表示框线越粗。