使html轮廓颜色不同,css中border颜色不同怎么设置？

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

css中border简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性：border-width

border-style

border-color

我们可以使用border-color属性来设置border颜色不同，border-color 属性设置四条边框的颜色。此属性可设置 1 到 4 种颜色。

border-color 属性是一个简写属性，可设置一个元素的所有边框中可见部分的颜色，或者为 4 个边分别设置不同的颜色。

示例：

p.one

{

border-style: solid;

border-color: #0000ff

}

p.two

{

border-style: solid;

border-color: #ff0000 #0000ff

}

p.three

{

border-style: solid;

border-color: #ff0000 #00ff00 #0000ff

}

p.four

{

border-style: solid;

border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255)

}

One-colored border!

Two-colored border!

Three-colored border!

Four-colored border!

注释："border-width" 属性如果单独使用的话是不会起作用的。

请首先使用 "border-style" 属性来设置边框。

效果如下：

border-color属性可能属性值：color_name 规定颜色值为颜色名称的边框颜色(比如 red)。

hex_number 规定颜色值为十六进制值的边框颜色(比如 #ff0000)。

rgb_number 规定颜色值为 rgb 代码的边框颜色(比如 rgb(255,0,0))。

transparent 默认值。边框颜色为透明。

inherit 规定应该从父元素继承边框颜色。

使html轮廓颜色不同,css中border颜色不同怎么设置？相关推荐

html5border设置彩色,css中border颜色不同怎么设置？
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. css中bord ...
css中背景颜色用哪个,CSS 背景颜色
颜色背景 CSS中背景颜色由background-color决定,这里的背景颜色会渲染padding和content,不会渲染border和margin部分. 在css3中可以通过background ...
html边框是啥意思,css中border是什么意思
css中border是什么意思?有什么用? border是边框的意思,它是css的一个简写属性,用于在一个声明设置所有的边框属性.可以设置的边框属性有:边框的宽度.边框的样式.边框的颜色. 说明: 可 ...
html背景色线性渐变,css中背景颜色线性渐变和径向渐变效果的示例分析
css中背景颜色线性渐变和径向渐变效果的示例分析发布时间:2021-06-04 14:00:26 来源:亿速云阅读:80 作者:小新这篇文章将为大家详细讲解有关css中背景颜色线性渐变和径向渐变 ...
CSS中border的所有样式属性
CSS中border的所有样式属性 1.solid:实线使用方法:border:solid 1px #000; 我发现border:1px solid #000;和border:solid 1px ...
php网页代码字体颜色设置,html和css中字体颜色设置的相关总结
网页中颜色的运用是网页必不可少的一个元素.使用颜色目的在于有区别.有动感.美观之用,同时颜色也是各种各样网页的样式表现元素之一,所以在我们的日常开发中不管是前端还是后端都离开不字体颜色,那么我们今天就 ...
c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线？（代码示例）...
css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...
css中鼠标变成手型设置
css中鼠标变成手型设置不需要:hover选择主要依赖cursor属性,对应的设置值如下: default:标准箭头 //这是默认的样式 pointer:手形光标 wait :等待光标 text: ...
php 将颜色透明度,css中如何使颜色透明度
css中使颜色透明度的方法:首先创建一个HTML示例文件:然后创建一个div:最后通过"opacity:0.5;"属性设置元素背景的透明度即可. 本教程操作环境:windows7系 ...

使html轮廓颜色不同,css中border颜色不同怎么设置？

使html轮廓颜色不同,css中border颜色不同怎么设置？相关推荐

最新文章

热门文章