css盒子2

最新推荐文章于 2025-02-07 20:14:20 发布

weixin_34352005

最新推荐文章于 2025-02-07 20:14:20 发布

阅读量57

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wwwljcom/p/10316286.html

<head>
        <meta charset="UTF-8">
        <title>练习二</title>
        <style type="text/css">
            *{
                margin: 0px;
                padding: 0px;
            }
            .box-p1{
                width: 100%;
                background: darkgreen;
                border: 2px solid lightblue;
                margin: 200px auto;
                padding: 10px 10px;
                text-align: center;
                 }
                 .common{
                     font-size: 20px;
                     color: lightcyan;
                     text-decoration: none;
                     border-right: solid #ADD8E6;
                     padding: 6px 16px;
                     padding: 0px 19px;
                 }
                 .span{
                     border: transparent;
                 }
        </style>
    </head>
    <body>
        <div class="box-p1">
            <a href="" target="_blank" class="common">首页</a>
            <a href="" target="_blank" class="common">中国军情</a>
            <a href="" target="_blank" class="common">国际军情</a>
            <a href="" target="_blank" class="common">军事图库</a>
            <a href="" target="_blank" class="common">论坛</a>
            <a href="" target="_blank" class="common">博客</a>
            <a href="" target="_blank" class="common">钓鱼岛动态</a>
            <a href="" target="_blank" class="common">南海局势</a> 
            <a href="" target="_blank" class="common">视频</a>
            <a href="" target="_blank" class="common">军事图书</a>
            <a href="" target="_blank" class="common">微博</a>
            <a href="" target="_blank" class="common">排行</a>
            <a href="" target="_blank" class="common">航空</a>
            <a href="" target="_blank" class="common span">回顾页面</a>
        </div>
    </body>
</html>