border属性(border属性的含义)

http://www.itjxue.com  2024-06-17 07:10  来源:IT教学网  点击次数: 

border属性有几种?

在CSS 中常见的边框(border) 属性有以下几种:border-style border-width border-color border-top-, border-left-, border-bottom-, border-right- border border-styleborder-style属性指定边框的样式。以下的表格列出这个属性可能有的值,以及每一个值显现出来的结果。

border-style属性可设置为下列值之一。01 solid:单实线。01 double:双实线。01 dashed:虚线。01 dotted:点线。01 groove:沟线(groove)。

border的属性好像只有三个,顺序没有严格要求,不过一般都是width、style、color。

border在html中的意思是边框。border是CSS的一个属性,用border可以给能确定范围的HTML标记(如TD、DIV等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。边框分类:none定义无边框。solid定义实线。dotted定义点状边框。在大多数浏览器中呈现为实线。

border: width style color;下面是对上述语法中各个属性的解释:width:指定边框的宽度。可以使用像素(px)、百分比(%)或其他长度单位来指定。style:指定边框的样式。常用的样式包括实线 (solid)、虚线 (dashed)、点线 (dotted) 等。

css中设置border的属性值为什么时显示实线

一般情况是没有设置DIV的高导致的。如果DIV里面的浮动元素的话要清除浮动。div{height:300px;border-bottom:solid 1px #333;}这样子就可以了。

border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现(就是说,不要none属性,none是不显示的意思)。border有多个边框属性:“颜色、宽度、样式。”而你说的是样式:譬如“dotted solid double dashed。

border 是 CSS 的一个属性,用 border 可以给能确定范围的 HTML 标记(如 TD、DIV 等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。border-width:thin medium thick 10px;上边框是细边框,右边框是中等边框,下边框是粗边框,左边框是 10px 宽的边框。

IE8)都不支持属性值 inherit 或 hidden。定义和用法:border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。

border:1px solid rgba(0,0,0,0.1);意思是 设定元素的边框为1像素宽,实线,颜色使用rgba来表达。其中,rgba是CSS3中的属性,rgba括号中前3个数字代表着 red green blue三种颜色的rgb值,0-255,最后一个是设定这个颜色的透明度即alpha值。范围从0到1,越接近1,代表透明度越低。

CSS加虚线是哪个属性?

那就看你要怎么去实现这个虚线了,比如实现虚线的方式有用div,有hr水平线方式。

Internet Explorer 10 和 Opera 支持 column-rule-style 属性。Firefox 支持替代的 -moz-column-rule-style 属性。Safari 和 Chrome 支持替代的 -webkit-column-rule-style 属性。注释:Internet Explorer 9 以及更早版本的浏览器不支持 column-rule-style 属性。

dashed: 定义一个虚线边框 设置虚线边框。创建标签,然后在这个标签里设置dashed类的样式为虚线边框。css样式代码:.dashed{border-style:dashed;border-width:1px; 保存html代码,然后使用浏览器打开,即可看到浏览器页面上显示一个虚线边框。

(责任编辑:IT教学网)

更多

相关HTML/Xhtml文章

推荐HTML/Xhtml文章