CSS 边框颜色

border-color 属性用于设置四个边框的颜色。

可以通过以下方式设置颜色:

  • name - 指定颜色名,比如 "red"
  • HEX - 指定十六进制值,比如 "#ff0000"
  • RGB - 指定 RGB 值,比如 "rgb(255,0,0)"
  • HSL - 指定 HSL 值,比如 "hsl(0, 100%, 50%)"
  • transparent

注释:如果未设置 border-color,则它将继承元素的颜色。

实例

演示不同的边框颜色:

<!DOCTYPE html>
<html>
<head>
<style>
p.one {border-style: solid;border-color: red;
}p.two {border-style: solid;border-color: green;
} p.three {border-style: dotted;border-color: blue;
}
</style>
</head>
<body><h1>border-color 属性</h1><p>此属性规定四条边框的颜色:</p><p class="one">红色实线边框</p>
<p class="two">绿色实线边框</p>
<p class="three">蓝色点状边框</p><p><b>注释

css零到一基础教程018:CSS 边框颜色相关推荐

  1. css零到一基础教程044:CSS 图标

    如何添加图标 向 HTML 页面添加图标的最简单方法是使用图标库,比如 Font Awesome. 将指定的图标类的名称添加到任何行内 HTML 元素(如 <i> 或 <span&g ...

  2. css零到一基础教程007:CSS RGB 颜色

    RGB 值 在 CSS 中,可以使用下面的公式将颜色指定为 RGB 值: rgb(red, green, blue) 每个参数 (red.green 以及 blue) 定义了 0 到 255 之间的颜 ...

  3. css零到一基础教程009:CSS HSL 颜色

    HSL 值 在 CSS 中,可以使用色相.饱和度和明度(HSL)来指定颜色,格式如下: hsla(hue, saturation, lightness) 色相(hue)是色轮上从 0 到 360 的度 ...

  4. css零到一基础教程006:CSS 颜色

    指定颜色是通过使用预定义的颜色名称,或 RGB.HEX.HSL.RGBA.HSLA 值. CSS 颜色名 在 CSS 中,可以使用颜色名称来指定颜色: 实例: <!DOCTYPE html> ...

  5. css零到一基础教程042:CSS 谷歌字体

    谷歌字体 如果您不想使用 HTML 中的任何标准字体,则可以使用 Google Fonts API 向页面添加数百种其他字体. 只需添加一个样式表链接并引用您选择的字体系列: 实例 <!DOCT ...

  6. css零到一基础教程005:CSS 注释

    CSS 注释 注释用于解释代码,以后在您编辑源代码时可能会有所帮助. 浏览器会忽略注释. 位于 <style> 元素内的 CSS 注释,以 /* 开始,以 */ 结束: 实例 <!D ...

  7. html5 悬停边框,Html,css:在悬停时更改行的边框颜色(Html,css: Change a row's border colow on hover)...

    Html,css:在悬停时更改行的边框颜色(Html,css: Change a row's border colow on hover) 我正在使用DataTables,我试图在行悬停时将行的顶部和 ...

  8. CSS最详细的基础教程

    层叠样式表CSS 绝对原创 CSS简介:Cascading Style Sheets(层叠样式表)的缩写,它是一种用来表现HTML或XML等文件样式的计算机语言. CSS的作用: 是定义网页外观(例如 ...

  9. css改变伪元素color_jQuery教程 改变css伪元素样式详解

    本篇教程介绍了jQuery教程 改变css伪元素样式详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < 首先我们看一下css伪元素是什么: CSS 伪元素用于向某 ...

最新文章

  1. HttpClient 设置不当引发的一次雪崩!
  2. background 旋转_基于HTML5 Canvas 实现矢量工控风机叶轮旋转
  3. python 数据分析班_Python数据分析班
  4. linux arch 包管理,Archlinux使用包管理方式安装MyEclipse
  5. linux服务器插上硬盘不能开机,Linux服务器添加新硬盘无法识别解决方法(无需重启)...
  6. SpringBoot的AOP是默认开启的,不需要加注解@EnableAspectJAutoProxy____听说SpringAOP 有坑?那就来踩一踩
  7. 新经济、新选择——人才流动与迁徙2021
  8. Javascript前端加载等待圆型圈提示实现效果
  9. 祸害阿里云宕机 3 小时的 IO HANG 究竟是个什么鬼?!
  10. Jquery easy ui datagrid動態加載列問題
  11. 6.1-数据结构算法-堆栈与队列
  12. jquery 获取data-* 属性值
  13. 中金财富:如何获取不“平均”的收益?
  14. 推荐支持 azw3 、epub 和 mobi 格式的阅读器:FBReader
  15. win10手柄震动测试软件,win10系统测试手柄震动频率的操作方法
  16. CSS3实现动画效果
  17. matlab 非a到z,matlab命令及函数A到Z
  18. 建模工具:octave
  19. java毕业生设计超市货品进销存系统前台计算机源码+系统+mysql+调试部署+lw
  20. eharts树形图数据过多展示全部重叠了,子级过多,不全部展示解决方法

热门文章

  1. java long初始化_Java变量的初始化
  2. 服务器CGI模式的运行机制
  3. STM32F103ZET6IAP升级
  4. 苹果Mac如何关闭右上角的Siri显示?
  5. 芯力能在中国开设子公司
  6. 程序员节日的那些趣事与囧事!
  7. 互联网大佬杨浩涌的创业历程,尽管遭遇合并但依旧辉煌
  8. 微信公众号开发-php-sdk接口
  9. vue + Luckysheet 实现在线Excel表格操作
  10. 刚才同意了一个JetBrains 反编译器对话框,然后代码debug 的时候就会出现许多这些黄色的底层结构, 有没有大神直到这个怎么取消呀