WEB前端

CSS 设置边框透明度

位置:首页 > WEB前端 > css教程,2019-08-07 11:09
本文分享一段代码实例,实现了CSS 设置边框透明度效果。代码实例如下:<!DOCTYPE html><html><head>
本文分享一段代码实例,实现了CSS 设置边框透明度效果。


代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>CSS 设置边框透明度</title> 
<style type="text/css"> 
div{
  width:100px;
  height:60px;
  border:10px solid rgba(255,0,0,0.2);
}
</style>  
</head> 
<body> 
<div></div>
</body> 
</html>
代码运行效果截图如下:
CSS 边框透明度(图0)
上述代码将矩形的边框设置具有透明度效果。
非常简单,将border属性的颜色设置为RGBA方式即可。

TAGS:CSS 边框透明度

猜你喜欢

NewHot