文字阴影 text-shadow
盒子阴影 box-shadow
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>阴影 shadow</title>
<meta name="Keywords" content="关键字">
<meta name="description" content="简介">
<!-- 文字阴影 text-shadow
盒子阴影 box-shadow
-->
<style>
h3 {
width: 300px;
text-align: center;
margin: 0 auto;
/*文字阴影 text-shadow*/
text-shadow: 2px 2px 10px palevioletred;
/*盒子阴影*/
box-shadow: 1px 1px 3px 1px aqua;
border-radius: 5px;
}
img {
/*内边距 padding*/
padding: 2px;
border: 1px dashed gray;
/*圆角 radius*/
border-radius: 10px;
/*box-shadow 盒子阴影*/
box-shadow: 1px 2px 10px 2px #a9a908;
}
</style>
</head>
<body>
<h3>Lorem ipsum dolor.</h3>
<img src="images/o.jpg" alt="">
</body>
</html>