HTML 之 border 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>边框</title>
    <style type="text/css">
        /*border 创建一个框，和表单挺像,但不接受信息*/
        .pc{
            border-width:50px;
            border-width: 6px;
            border-color: #41daeb;
            border-style:ridge;
            border-left-color: #ff335f;
            border-top-color: #41daeb;
            border-right-color: #1122dd;
        }
        /*一个 p 标签放入图片*/
        .pc2{
            height: 240px;
            widows: 427px;
            border:red 5px solid;
            background-image: url("ppt1.jpg");
        }
    </style>
</head>
<body >
    <p class="pc">烦乱是不是必须的</p>
    <p class="pc2"> 祝贺</p>
</body>
</html>

很重要，网页中的框就是这个！

posted @ 2018-08-13 10:38  3532  阅读(674)  评论(0)  编辑  收藏  举报