CSS边框属性用法示例

CSS中的border属性用于设置元素边框的样式。此属性是其他三个属性的组合边框宽度, 边框样式和边框颜色可以用作这三个属性的简写形式。它设置或返回border-width, border-style, border-color属性。
语法如下:

border = "width style color|initial|inherit"

boder值:
  • 宽度:此值指定边框的粗细或宽度。
  • 风格:此值指定边框的样式, 即边框是否将是虚线, 虚线, 实线等。
  • 颜色:此值指定边框的颜色。
下面的代码说明了CSS中的border属性:
例子:
< !DOCTYPE html> < html> < head> < title> CSS | border Property < /title> < style> h1 { color: green; }#gfg { border: 4px solid blue; width: 60%; } < /style> < /head> < body> < center> < h1> lsbin< /h1> < h2> DOM Style border Property< /h2> < !-- Element whose border will be styled --> < div id = "gfg"> lsbin. It is a computer science portal for geeks. < /div> < /center> < /body> < /html>

输出如下:
CSS边框属性用法示例

文章图片
【CSS边框属性用法示例】支持的浏览器:支持的浏览器CSS边框属性下面列出:
  • 谷歌浏览器1.0
  • Internet Explorer 4.0
  • Firefox 1.0
  • Opera 3.5
  • 苹果Safari 1.0

    推荐阅读