框边框的属性(默认没有样式)
border-top 设置上边框的属性
border-bottom 设置下边框的属性
border-right 设置右边框的属性
border-left 设置左边框的属性
border-width 可选值(thin,medium,thick或指定长度)
border-style 同上
border-color 设置边框颜色
border
功能:简写属性,设置所有边框的属性
数值:
border-width --->可选值(thin,medium,thick或指定长度)
border-style --->可选值(none,dotted,dashed,solid,double,groove,ridge,inset,outset)
border-color --->可用颜色名或RGB值
说明:与其它简写属性不同的是,每个设置只能取一个值,这个属性均匀作用于边框的各边
border-width
功能:简写属性,可同时设置四个边框的宽度
数值:
thin 细边框
medium 中等线宽
thick 粗线
长度 用相对或绝对单位设置边框宽度
border-style
功能:用于显示边框和指定边框的样式
数值:
none---不显示边框,为默认值
dotted---点线
dashed--?线
solid---实线
double---双线
groove---3D陷入线
ridge---3D山脊?线
inserst---使页面有沉入感
outset---使页面有浮出感
说明:ridge,inset,outset对于有些浏览器会将它们绘制成实线
border-color
功能:简写属性,设置四个边框的颜色值
数值:可以用颜色名或RGB值,如果指定单个颜色,则四个边框都显示为这个颜色,如果指定两个颜色,则顺序为上下,左右;如果指定三种颜色,则顺序为上,左右,下;如果指定四种颜色,则顺序为上,右下,左。
颜色名有如下一些:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.
对于RGB值,可用三种方法指定
#rrggbb; rgb(r,g,b); rgb(r%,g%,b%)
分享到:
相关推荐
css圆角边框css圆角边框css圆角边框css圆角边框css圆角边框
使用css设置按钮边框的渐变色;使用css设置按钮边框的渐变色
css图片外边框效果实现 css图片外边框效果实现
WEB2.0圆形边框css做法
简单明了div边框css动画简单明了div边框css动画简单明了div边框css动画
CSS3边框动画
这是一款效果非常炫酷的CSS3按钮边框动画特效。这组按钮边框动画共有6种不同的效果。当鼠标滑过按钮的时候,按钮的边框会以不同的方式进行各种动画,效果非常的炫酷。
CSS圆角边框CSS圆角边框CSS圆角边框CSS圆角边框CSS圆角边框CSS圆角边框
7套数据可视化源码和8套数据可视化大屏图片+自定义的部分border+css,非常酷炫,开箱即用,做大数据的可以使用哦
用css实现边框流动光线效果.........................................................................................
div css圆角代码各种圆角表格_圆角边框css圆角
css3涂鸦风格边框 css3涂鸦风格边框代码.zip
我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框。 有关表格边框的css...
缩略图边框装饰CSS代码(内含多款) 缩略图边框装饰CSS代码(内含多款)
纯CSS3炫酷元素边框线条动画特效 ,自 动 循 环运动。
css3中的边框一般多为矩形,也可以通过设置实现圆角边框的效果,通过border-radius:;通过设置该属性值得大小改变边框的圆角大小,从而达到自己需要的圆角边框效果
图片加边框css+div
css3边框线性出现特效