☀[CSS3] 섀도우 박스-shadow

5547 단어 css3
<!--
.box {
width: 100px;
height: 100px;
-webkit-box-shadow: 2px 2px 5px #333, -2px -8px 5px #333;
box-shadow: 2px 2px 5px #333, -2px -8px 5px #333;
}
textarea {
border: 1px solid #CCC;
border-radius: 4px;
box-shadow: 0 0 4px #CCC inset;
}
-->
만약 처처기가 우가촌을 지나지 않았다면, 중국은 가장 선진국이 되었을 것이다
만약 처처기가 우가촌을 지나지 않았다면, 중국은 가장 선진국이 되었을 것이다
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        .box {
            width: 100px;
            height: 100px;
            -webkit-box-shadow: 2px 2px 5px #333, -2px -8px 5px #333;
            box-shadow: 2px 2px 5px #333, -2px -8px 5px #333;
        }
        textarea {
            border: 1px solid #CCC;
            border-radius: 4px;
            box-shadow: 0 0 4px #CCC inset;
        }
    </style>
</head>
<body>
    <div class="box"></div>
    <textarea></textarea>
</body>
</html>

좋은 웹페이지 즐겨찾기