在CSS中,我们是可以设置边框的样式和颜色的,那么究竟CSS边框线的颜色该如何设置呢?我们有两种写法,“border:颜色值;”和“border-color:颜色值;”,接下来我们通过实例来加深理解。
方法1:使用border属性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div{ margin: 10px; border:solid #FFC0CB; } </style> </head> <body> <div>测试文字</div> <div>测试文字</div> <div>测试文字</div> </body> </html>
效果图:
方法2:border-color属性
border-color 属性用于设置四个边框的颜色。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div{ margin: 10px; border:solid; border-color: bisque; } </style> </head> <body> <div>测试文字</div> <div>测试文字</div> <div>测试文字</div> </body> </html>
效果图:
可以通过以下方式设置颜色值:
name - 指定颜色名,比如 "red"
HEX - 指定十六进制值,比如 "#ff0000"
RGB - 指定 RGB 值,比如 "rgb(255,0,0)"
HSL - 指定 HSL 值,比如 "hsl(0, 100%, 50%)"
transparent
关于css设置边框线颜色的方法就介绍到这了,上述实例对大家学习border属性一定的参考价值,感兴趣的朋友可以看看,希望大家阅读完这篇文章能有所收获,想要了解更多请关注群英网络其它相关文章。
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2018 群英 版权所有 茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号-36 粤公网安备 44090202000006号 粤工商备P091701000595