div
圆角
border-radius: 10px;
矩形变成圆。border-radius设置成width的一半,并且width=height
css文件
#testcss{
width: 200px;
height: 200px;
background-color: antiquewhite;
border-radius: 100px;
}
testcss.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link type="text/css" rel="stylesheet" href="test.css">
</head>
<body>
<div id="testcss"></div>
</body>
</html>
阴影
box-shadow: aquamarine;
边框,图像
border-image=url(00.jpg) 30 30 round;
颜色
RGBA是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha的色彩空间,也就是透明度/不透明度。
(0,0,0,0.5)1-0 越小越透明