</ pre> <pre name = "code" class = "html"> <！DOCTYPE html>
<html>
<head lang = "en">
<meta charset = "UTF-8">
<title> </ 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（color =＃909090、direction = 120、strength = 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 {
background-color：hotpink;
幅：300px;
高さ：400px;
/ *圆角效果* /
border-radius：20px;
-webkit-border-radius：9px;
-moz-border-radius：9px;
}
img {
margin：20px 0 0 20px; / *圆角效果* /
-webkit-border-radius：20px; <span style = "font-family：Arial、Helvetica、sans-serif;">-moz-border-radius：20px; border-radius：20px; -webkit-box-shadow：inset 0 1px 5px rgba（0,0,0、.5）; -moz-box-shadow：inset 0 1px 5px rgba（0,0,0、.5）; ボックスシャドウ：インセット0 1px 5px rgba（0,0,0、.5）; } </ style> </ span> <span style = "font-family：Arial、Helvetica、sans-serif;"> </ body> </ html> </ span>