CSS练习02

最新推荐文章于 2024-01-11 20:30:46 发布

端木奇影

最新推荐文章于 2024-01-11 20:30:46 发布

阅读量310

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/qq_33756795/article/details/50538420

版权

CSS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE PUBLIC>
<HTML>
     <head>
          <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
          <title>CSS我们开学了</title>
     <style type="text/css">
        /*全局样式设置*/
        html,body,h2,p,img,a,li,ul{margin:0;padding:0;}
        ul,li,ol{list-style:none;}
        a:link,a:visited{color:#006699;text-decoration:none;}
        a:hover{color:#FF3333}
        body{font-size:18px;color:#444;font-family:黑体;background:#cccccc;}
        /*开学模块*/
        .kaixue{
            width:860px;
            margin:20px auto;
            background-color:#99CCFF;
            }
        .kaixue img{
            width:400px;
            height:275;
            padding:15px;
            border:none;
            }
            .kaixue li{
                border:0px solid red;
                float:left;
                text-align:center;
                }
        .clear{
            clear:both;
            }
     </style>
     </head>
     <body>
            <div class="kaixue">
                <ul>
                    <li>
                        <img src="images/06.jpg" /><br />
                        <a href="#">玩酷我的程序人生</a>   
                    </li>
                    <li>
                        <img src="images/06.jpg" /><br />
                        <a href="#">辣妈挑战PHP</a>   
                    </li>
                    <li>
                        <img src="images/06.jpg" /><br />
                        <a href="#">因为爱情</a>   
                    </li>
                    <li>
                        <img src="images/06.jpg" /><br />
                        <a href="#">我有我原则</a>   
                    </li>
                </ul>
                <div class="clear"></div>
            </div>       
     </body>
</HTML>

显示效果：

端木奇影

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS练习02

"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd"> CSS我们开学了 /*全局样式设置*/ html,body,h2,p,img,a,li,ul{margin:0;padding:0;} ul,li,ol{list-
复制链接

扫一扫