意思是: 设定元素的边框为 1 像素宽、实线、颜色使用 rgba 来表达。 其中,rgba 是 CSS3 中的属性。rgba 括号中前 3 个数字代表着 red green blue 三种颜色的 rgb 值(0-255),最后一个是设定这个颜色的透明度即 alpha 值。范围从 0 到 1,越接近 1,代表透明度越低。 使用透明度(transparent) CSS3 渐变也...
border: 1px solid green; } 一个更优雅的和简洁(DRY,don't repeat yourself)的做法是只更新边的颜色属性。 1 2 3 4 5 6 7 .box { border: 1px solid red; } .box:hover { border-color: green; } 此外,一会你会发现,这种单个属性的方式有助于通过CSS创建自定义的形状。 圆角 border-radius CS...
border-style: outset; border-width:5px; border-color: transparent;/* 透明边框 */ } 实线边框 虚线边框 点线边框 双线边框 凹槽边框 凸起边框 内嵌边框 外凸边框 透明边框 看看效果。 注意:如果没有设置border-color属性,边框
border-width: 4px; } .border-thin { border-style: solid; border-width: 1px; } 运行效果: border-width 属性的可选值如下: 值 描述 thin 定义较细的边框 medium 默认值,定义中等宽度的边框 thick 定义较粗的边框 length 使用数值加单位的形式设置具体的边框宽度,例如 2px inherit 从父元素继承边框的宽度...
border:1pxsolidgreen; } 一个更优雅的和简洁(DRY,don’t repeatyourself)的做法是只更新边的颜色属性。 CSS Code .box { border:1pxsolidred; } .box:hover { border-color:green; } 此外,一会你会发现,这种单个属性的方式有助于通过CSS创建自定义的形状。
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，代表透明度越低。
border 1px solid black; border-radius: 50%; border-top,-right,-bottom,-left 看了这么多有意思的 DEMO,那么对于边框,你真的了解了吗? 最近碰到一个有意思的 CSS 样式,让我对于边框有了很深刻的了解。平时我们用边框,基本都要给边框一个宽度,1px,偶尔2px,并没有发现边框与元素之间的关系,当我们把 borde...
border: 1px solid red;(border-width、border-style、border-color) 1.border-width不支持百分比 border-width你可以写成10px、10cm、10em、10pt,都有效果,但是你不能写成10%,类似的还有outline、box-shadow、text-shadow等等。(补充:width、margin、padding都支持百分比) ...
border-left-color : 左边框的颜色。 border-right-color : 右边框的颜色。 以下示例显示了所有这些属性的效果- p.example1 { border:1px solid; border-bottom-color:#009900; /* Green */ border-top-color:#FF0000; /* Red */ border-left-color:#330000; /* Black ...
style="border-left: 1px solid #ffffff"在单独定义边框线时，若不给出某个值，那么就取其默认的初始值。在dreamweaver中定义CSS非常方便，不用编写代码；把常用的边框线一次定义好，放在外连式CSS文件中，要用时调用一下就行了，非常方便。3、在一个边框中采用不同宽度和颜色的边框线 ...