写了PHP的网页做得丑陋的要死 

-博客园

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> -博客园</title>
    <style type="text/css">
    
    a{
        color: pink;
    }
    a:hover{
        color: #DCB5FF;
    }
    .shang{
        border-radius:30px;
        height: 200px;
        width: 850px;
        border:10px solid pink;
        margin-bottom: 10px;
        display: inline-block;
        float:left;
        /*width:70%;*/
        /*height:1500px;*/
        /*background-color: #D2E9FF;*/
        background: url(https://wx1.sinaimg.cn/thumb150/005VXbn1ly1h0bohtu7v2j32br1kiaxx.jpg) no-repeat;
        background-size: cover;
    }
    .shanger{
        border-radius:30px;
        border:10px solid white;
        height: 200px;
        width: 400px;
        margin-bottom: 10px;
        display: inline-block;
    }
    .touxiang{
        margin-top: 60px;
        width: 77px;
        height: 200px;
        float: left;
        display: inline-block;
        margin-left: 50px;
    }
    .jieshao{
        margin-top: 35px;
        margin-left: 15px;
        width: 200px;
        height: 200px;
        display: inline-block;
    }
    .jieshao li{
        width: 200px;
        font-weight:bold;
        /*margin-top: 100px;*/
        font-size: 15px;
        line-height: 24px;
        color: pink;
        list-style-type:none;
    }
    .zuo{
        width: 282px;
        height: 700px;
        border-radius:30px;
        border:10px solid pink;
        float:left;
        /*background-color:#FFC1E0;*/
        display: inline-block;
        background: url(http://m.qpic.cn/psc?/V50gA2PI2F7DEn1yQuLX11wHSo4Dru2o/ruAMsa53pVQWN7FLK88i5mLEsi6jivqF20wYh7.rCNnoCy*dvL*GquZfQQq2G7*951HFVb1r*b8l4fCDiVtPtXqFxXGa0FX5dvhOfrtdgrQ!/mnull&bo=aAFoAQAAAAABByA!&rf=photolist&t=5) no-repeat;
        background-position: center;
    }
    .you{
        width: 1020px;
        height: 700px;
        border-radius:30px;
        border:10px solid pink;
        /*background-color:#FFC1E0;*/
        display: inline-block;
        margin-left:10px;
        background: url(http://m.qpic.cn/psc?/V50gA2PI2F7DEn1yQuLX11wHSo4Dru2o/45NBuzDIW489QBoVep5mcWe3pIwvCcobmuHPZrmhc8P02yieCQkG5fLGRwa29G7cxzxi4lT585D1J5EfO8YSCCYsxJk8yC.TMuUAuDUPiIA!/b&bo=OARUBgAAAAABF14!&rf=viewer_4) no-repeat;
    }
    .zhuce{
        width: 300px;
        height: 300px;
        margin-top: 100px;
    }
    .boke{
        width: 700;
        height: 200;
        margin-top: 100px;
        margin-left: 80px;
        margin-right: 80px;
        margin-bottom: 50px;
    }
    .boke p{
        font-family:"黑体";/*设置字体*/
                 font-size:20px;/*设置字体大小*/
                 font-weight:2px;/*调整字体粗细*/
                 color:pink;
                 border-radius: 30px;
    }
    .zhuce li{
        width: 100px;
        font-weight:bold;
        /*margin-top: 100px;*/
        font-size: 20px;
        line-height: 24px;
        color: pink;
        list-style-type:none;
    }
    .shang li{
        width: 100px;
        font-weight:bold;
        margin-top: 150px;
        font-size: 20px;
        line-height: 24px;
        float:left;
        color: pink;
        list-style-type:none;
    }
    .shang li:hover{
        font-size: 30px;
    }

    </style>
</head>
<body>
    <div class="shang">
    <ul>
        <li><a href="https://www.cnblogs.com/">博客园</a></li>
        <li><a href="https://www.cnblogs.com/">首页</a></li>
        <li ><a href="https://i.cnblogs.com/posts/edit">新随笔</a></li>
        <li><a href="https://msg.cnblogs.com/send/%E6%85%A2%E6%BC%AB%E6%9B%BC%E8%94%93">联系</a></li>
        <li><a href="https://www.cnblogs.com/manmmm/">订阅</a></li>
        <li><a href="https://www.cnblogs.com/manmmm/">管理</a></li>
    </ul>
    </div>
    <div class="shanger">
        <div class="touxiang">
            <img src="https://images.cnblogs.com/cnblogs_com/blogs/691130/galleries/2128458/t_220320095701_tx.jpg">
        </div>
        <div class="jieshao">
            <ul>
                <li>PINK</li>
                <li>园号：123456</li>
                <li>园龄：1天</li>
                <li>入园：2022-3-18</li>
                <li>博客：<a href="https://www.cnblogs.com/manmmm/">https://www.cnblogs.com/manmmm/</a></li>
            </ul>
        </div>
    </div>
    <div class="zuo">
        <div class="zhuce">
        <ul>
        <li>公告</li>
        <li>昵称：</li>
        <li>园龄：</li>
        <li>粉丝：</li>
        <li>关注：</li>
        <li><a href="file:///D:/php/zuoye/%E4%B8%AA%E4%BA%BA%E4%BF%A1%E6%81%AF.html">注册</a></li>
        </ul>
        </div>
    </div>
    <div class="you">
        <div class="boke">
            <p><a href="https://weibo.com/p/100808045d5dbc23f1bb8cc19bfe390f3c0161/super_index">猎罪图鉴演员表</a></p>
            <p>摘要：主演：檀健次 金世佳</p>
        </div>
        <div class="boke">
            <p><a href="https://weathernew.pae.baidu.com/weathernew/pc?query=%E6%B2%B3%E5%8C%97%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%A4%A9%E6%B0%94&srcid=4982">今日天气</a></p>
            <p>摘要： 石家庄10°C 薄雾空气良</p>
        </div>
    </div>
</body>
</html>

 

版权声明：本文为慢漫曼蔓原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/manmmm/p/16037210.html