css如何设置边框的透明度

　　介绍

这篇文章将为大家详细讲解有关css如何设置边框的透明度,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

css的三种引入方式

1。行内样式,最直接最简单的一种,直接对HTML标签使用风格=啊啊?。内嵌样式,就是将css代码写在之间,并且用

<时尚>

进行声明。3。外部样式,其中链接样式是使用频率最高,最实用的样式,只需要在之间加上

<?链接就可以了。其次就是导入样式,导入样式和链接样式比较相似,采用@ import样式导入css样式表,不建议使用。

css中可通过边框颜色属性和RGBA()函数设置边框透明度,只需给边框元素添加“边框颜色:RGBA(红,绿,蓝,透明度值)”样式即可.border-color可设置边框颜色,而RGBA()可设置颜色透明度。

本教程操作环境:windows7多系统,CSS3&, HTML5版,戴尔G3电脑。

<强> css设置边框的透明度

在css中,可通过边框颜色属性和RGBA()函数设置边框透明度。

代码示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　,,,& lt; head> 　　,,,,,,,& lt; meta  charset=癠TF-8"比; 　　,,,,,,,& lt; style 类型=拔谋?css"比; 　　,,,,,,,div { 　　,,,,,,,边界:10 px 固体; 　　,,,,,,,保证金:10 px  0; 　　,,,,,,,} 　　,,,,,,,& lt;/style> 　　,,,& lt;/head> 　　,,,& lt; body> 　　,,,,,,,& lt; div 风格=氨呖蜓丈?,rgba(0153年,0,0.1);“在测试文本,透明度0.1 & lt;/div> 　　,,,,,,,& lt; div 风格=氨呖蜓丈?,rgba(0153年,0,0.5);“在测试文本,透明度0.5 & lt;/div> 　　,,,,,,,& lt; div 风格=氨呖蜓丈?,rgba(0153年,0,0.8);“在测试文本,透明度0.8 & lt;/div> 　　,,,,,,,& lt; div 风格=氨呖蜓丈?,rgba(0153年,0,1.0);“在测试文本,透明度1.0 & lt;/div> 　　,,,& lt;/body> 　　& lt;/html>

效果图:

css如何设置边框的透明度

说明:

边框颜色属性可以设置边框颜色,而RGBA()函数可以设置颜色透明度。

RGBA的意思是(Red-Green-Blue-Alpha)它是在RGB上扩展包括了“阿尔法”通道,运行对颜色值设置透明度。

语法:

RGBA (R, G, B, A);

RGBA()里的值的介绍:

<李>

R:红色值。正整数(0 ~ 255)

<李>

G:绿色值。正整数(0 ~ 255)

<李>

B:蓝色值。正整数(0 ~ 255)

<李>

答:透明度。取值0 ~ 1之间

关于“css如何设置边框的透明度”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

css如何设置边框的透明度