css 如何制作一个半透明的边框呢?


摘要:
下文讲述css制作一个半透明的边框的方法分享,如下所示:

在web开发中,有时我们需要制作一个 半透明的边框,那么该如何制作呢?
下文将一一道来,如下所示:

实现思路:
使用css属性 RGBA 生成一个带透明度的颜色信息

例:
生成一个半透明的边框


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)---半透明边框的方法分享</title>
<style type="text/css">
div {
  border: 10px solid rgba(200,250,80,0.6);
  background:blue;
  background-clip: padding-box;
  width:200px;
  height:180px;
  position: absolute;
  top: 100px;
  left: 100px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
css 制作半透明边框的方法分享

css 制作半透明边框的方法分享