</pre> <pre name = "code" class = "html"> <! DOCTYPE html>
<html>
<head lang = "en">
<meta charset = "UTF-8">
<título> </title>
</head>
<body>
<div class = "div">
<img src = "../ img / b.jpg" width = "200px">
aaa
</div>
<style type = "text / css">
.div {
/ * 阴影 效果 * /
filter: progid: DXImageTransform.Microsoft.Shadow (cor = # 909090, direção = 120, força = 4); / * ie * /
-moz-box-shadow: 2px 2px 10px # 909090 ; / * firefox * /
-webkit-box-shadow: 2px 2px 10px # 909090;/ * safari 或 chrome * /
box-shadow: 2px 2px 10px # 909090; / * opera 或 ie9 * /
}
.div {
cor de fundo: hotpink;
largura: 300 px;
altura: 400px;
/ * 圆角 效果 * /
raio da borda: 20px;
-webkit-border-radius: 9px;
-moz-raio-borda: 9px;
}
img {
margin: 20px 0 0 20px; / * 圆角 效果 * /
-webkit-border-radius: 20px; <span style = "família de fontes: Arial, Helvetica, sans-serif;"> - moz-border-radius: 20px; raio da borda: 20 px; -webkit-box-shadow: inserir 0 1px 5px rgba (0,0,0, 0,5); -moz-box-shadow: inserir 0 1px 5px rgba (0,0,0, 0,5); box-shadow: inserção 0 1px 5px rgba (0,0,0, 0,5); } </style> </span> <span style = "font-family: Arial, Helvetica, sans-serif;"> </body> </html> </span>