画框 练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        .nei{
            width:350px;
            height:230px;
            border-top:15px solid #a4985f;
            border-left:15px solid #a4985f;
            border-right:15px solid #6a5c1b;
            border-bottom:15px solid #6a5c1b;
            margin:0 auto;
            background:url(../images/fengjing.jpg) 0 0 no-repeat;
        }
        .wai{
            width:380px;
            height:260px;
            border-right:15px solid #a4985f;
            border-bottom:15px solid #a4985f;
            border-top:15px solid #6a5c1b;
            border-left:15px solid #6a5c1b;
        }
        </style>
</head>
<body>
        <div class="wai">
            <div class="nei"></div>
        </div>
        
</body>
</html>

云盘下载

点赞

发表评论