CSS 边框颜色

梦里梦外; 2022-11-13 04:27 247阅读 0赞

# CSS 边框颜色 #

<!DOCTYPE html>
    <html>
    <head>
    <style> p.one { border-style: solid; border-color: #ff0000; /* 红色 */ } p.two { border-style: solid; border-color: #0000ff; /* 蓝色 */ } p.three { border-style: solid; border-color: #bbbbbb; /* 灰色 */ } </style>
    </head>
    <body>
    
    <h1>border-color 属性</h1>
    
    <p>边框颜色也可以使用十六进制值（HEX）指定：</p>
    
    <p class="one">红色实线边框</p>
    <p class="two">蓝色实线边框</p>
    <p class="three">灰色实线边框</p>
    
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70]

<!DOCTYPE html>
    <html>
    <head>
    <style> p.one { border-style: solid; border-color: red green blue yellow; /* 上红、右绿、下蓝、左黄 */ } </style>
    </head>
    <body>
    
    <h1>border-color 属性</h1>
    
    <p>border-color 属性可接受一到四个值（依次对应上、右、下、左边框）：</p>
    
    <p class="one">多色的实线边框</p>
    
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70]: /images/20221022/1994797b3ee74e6e970e2221928124f2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2021032518170984.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，247人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS给元素添加边框（样式、颜色、宽度）

给元素添加边框 CSS边框属性允许你指定一个元素边框的样式和颜色, 和边框宽度。可以使用 border 属性将边框样式,颜色,和宽度一起设置。如果不设置其中

梦里梦外;/ 2024年03月29日 16:02/ 0 赞/ 106 阅读

相关 css边框颜色渐变

css边框颜色渐变今儿遇到了一个小小的问题—— 怎么使边框颜色渐变。天秃噜，又是一个知识盲点，不碍事，遇山开山，遇海填海。解决问题就完了。百度可真是个好东

本是古典何须时尚/ 2023年02月10日 05:30/ 0 赞/ 222 阅读

相关 CSS 边框颜色

CSS 边框颜色 <!DOCTYPE html> <html> <head> <style> p.one { border-style:

梦里梦外;/ 2022年11月13日 04:27/ 0 赞/ 248 阅读

相关 CSS3 新增属性（边框，背景，文字，颜色属性）

CSS3 新增属性边框属性背景属性文字属性颜色属性 > 1. 边框属性 <table> <thead> <tr>

秒速五厘米/ 2022年10月13日 01:46/ 0 赞/ 251 阅读

相关 css3边框颜色渐变

前言边框（border），平时最常用的样式之一，它可以设置宽度、样式和颜色。以前需求都比较单纯，颜色使用单色就能满足要求，但是现在不一样了，用户审美提高了，要求就三点：

秒速五厘米/ 2022年09月11日 00:27/ 0 赞/ 258 阅读

相关 CSS3之边框多颜色Border-color

　　CSS3之边框多颜色Border-color是专为边框的多颜色而准备的属性。在CSS2中也有边框颜色这个属性，但是边框颜色属性在CSS3中又有什么惊人之举呢?下面就为大家介

ゞ浴缸里的玫瑰/ 2022年09月10日 10:10/ 0 赞/ 328 阅读

相关 css文字填充在圆形边框内,CSS动画圆圈边框填充颜色

SW4.. 15 有一个非常容易理解和详细的教程,关于Anders Ingemann如何实现这个(以及更多),可以在这里找到. 它是一个相当复杂的操作 - 所以我只是简单

﹏ヽ暗。殇╰゛Y/ 2022年09月02日 14:54/ 0 赞/ 192 阅读

相关【CSS】边框

CSS 边框属性 CSS边框属性允许你指定一个元素边框的样式和颜色。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_

淩亂°似流年/ 2022年04月01日 02:51/ 0 赞/ 359 阅读

相关 css边框

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl

妖狐艹你老母/ 2021年12月11日 02:23/ 0 赞/ 417 阅读

相关 CSS边框

边框每个边框有 3 个方面：宽度、样式，以及颜色。 ![aHR0cHM6Ly93czEuc2luYWltZy5jbi9sYXJnZS8wMDZReW4yUWx5MWc

雨点打透心脏的1/2处/ 2021年10月19日 10:18/ 0 赞/ 469 阅读