欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

Css border-right-color属性怎么用

发布时间:2019-05-29  编辑:杨雨个人博客网站   点击:   

Css border-right-color属性怎么用

Css;toolbar:false">Css border-right-color属性定义及用法

在Css中,border-right-color属性是用来设置一个元素的右边框的颜色。当我们需要改变元素右边框的颜色的时候,可以使用border-right-color属性来设置。在使用border-right-color属性定义边框演示之前必须先定义边框(即定义border-right-style 属性),不然没有边框就定义边框颜色是没有效果的。

Css border-right-color属性语法格式

Css语法:border-right-color:color_name / hex_number / rgb_number / transparent / inherit

例:border-right-color:red; border-right-color:#ff0000; border-right-color:rgb(255,0,0)

JavaScript 语法: object.style.borderRightColor="blue"

 Css border-right-color属性值说明

color_name:边框颜色为颜色名称表示的颜色(如red)

hex_number:边框颜色为十六进制值表示的颜色(如 #ff0000)

rgb_number:边框颜色为rgb 代码表示的颜色(如 rgb(255,0,0))

transparent:边框颜色为透明(默认)

Inherit:从父元素继承边框颜色

实例

<!DOCTYPE Html>
<Html>
<head>
<meta charset="utf-8" />
<title>Css border-right-color右边框颜色属性笔记</title>
<style type="text/Css">
body{background: #ddd;font-size:20px;}
#a,#b,#c,#d{border:2px solid #000;margin-top:10px;width:300px;}
#a{border-right-color:red;}
#b{border-right-color:#FF9999;}
#c{border-right-color:rgb(138,43,226);}
</style>
</head>
<body>
<div id = "a">border-right-color:red; 颜色名称表示的颜色演示</div>
<div id = "b">border-right-color:#FF9999; 十六进制值表示的颜色演示</div>
<div id = "c">border-right-color:rgb(138,43,226); rgb代码</div>
</body>
</Html>

运行结果

bcfda60e89797e92d8a3e02e7e3a921.png 本文地址:http://itbyc.com/web/css3/21159.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1