border-top-color属性(CSS设置)
border-top-color属性(CSS设置)
cssborder-top-color特点界说及用法
在css中,border-top-color特点是用来设置元素顶部边框的色彩,当咱们需求单独设置顶部边框的色彩的时分,就可以运用该特点;假如咱们要同时设置顶部边框的宽度、款式、色彩,咱们可以运用border-top特点将这些特点界说到一个声明中,这样的好处是可以少写几行代码,可读性更好。
注意:要设置边框色彩就必须得设置边框款式,因为元素默许边框款式是通明的,对通明的边框设置色彩不会有显示效果,所以要运用border-top-color特点来设置顶部边框色彩,就必须保证之前界说了顶部边框款式特点(border-top-style),不然设置的顶部边框色彩就看不到效果。
cssborder-top-color特点语法格式
css语法格式:border-top-color:color_name/hex_number/rgb_number/transparent/inherit;(例:border-top-color:red;)
JavaScript语法:object.style.borderTopColor="blue";
cssborder-top-color特点值阐明
color_name:色彩称号所代表的色彩(如:red);
hex_number:十六进制值所代表的色彩(如:#ff0000);
rgb_numberrgb代码所代表的色彩(如:rgb(255,0,0));
transparen:边框色彩为通明(默许);
inherit:从父元素继承边框色彩;
实例
cssborder-top-color特点设置顶部边框色彩笔记
运用色彩称号界说边框色彩演示
运用十六进制值界说边框色彩演示
运用rgb代码界说边框色彩演示
运转结果
dda97ef2fb4452d5d603c0cdf699bb6.png
以上就是cssborder-top-color特点怎样用的详细内容,更多请关注Gxlcms其它相关文章!
作品标签: CSS
优秀作品:
最新作品:
评论列表(共318人参与)参与讨论或分享设计作品获得视觉癖积分奖励
当店肆继续注册会员
2021-07-15 13:28:38
乎就在昨日,真的好快,长篇大论不如化为一句最简略的祝福,高考加油! v> 三、产生心思障碍 灰指甲在长期得不到有
回复规划说明注册会员
2021-07-15 13:30:5
师的著作,真游客
2021-07-15 12:10:52
游客60647:border-top-colo 2.巧用图画变形东西 在报纸排版进程中经常会遇到改动标题字号的情况,一般咱们经过挑选字号来改动巨细。当然也能够使用图画变形东西,对标题区拉压伸缩。
回复色彩、方注册会员
2021-07-15 17:3:10
v> 注意:要设置边框色彩就必须得设置边框款式,因为元素默许边框款式是通明的, 8、妈妈,尽管咱们过着最平平的日子,可是您的爱却是我最宝贵的财富。母亲节到了,我真心祝愿您,节日高兴,万事如意。母亲节短信
回复