css

CSS 边框颜色

下文笔者讲述CSS边框颜色设置的方法及示例分享,如下所示

CSS边框颜色的功能

CSS边框颜色的功能：
   用于设置边框的颜色
如:
  border-color后面跟上颜色名或颜色值,即可实现设置边框颜色的效果

CSS边框颜色语法:
   border-color:颜色值
   未设置颜色边框值时,将从父级继承边框颜色值

颜色值说明:
   name:设置颜色名,如 "green"
   HEX:设置十六进制值，比如 "#ABABAB"
   RGB:设置RGB 值，比如 "rgb(255,255,0)" 
   HSL:设置HSL 值，比如 "hsl(0,80%, 50%)"
例:
设置边框颜色 
<!DOCTYPE html>
<html lang="en">
 <head>
  <title>CSS 边框颜色-linux28.com</title>
  <style>
  p.one {
  border-style: solid;
  border-color: #ff0000; /* 红色 */
}
 p.two {
  border-style: solid;
  border-color: rgb(255, 0, 0); /* 红色 */
} 
p.three {
  border-style: solid;
  border-color: hsl(0, 100%, 50%); /* 红色 */
} 

p{
  width:180px;
  height:100px;
  margin:10px;
}
  </style>
 </head>
 <body>
<p class="one"> linux28.com边框颜色</p>
<p class="two"></p>
<p class="three"></p>
  </body>
</html>
css边框颜色示例