首页 > 代码库 > 第五课样式表

第五课样式表

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>加样式</title>
            <style type="text/css">
            *{margin:0px;padding:0px;}
                #text{
                width:300px;
                height:700px;
                background-color:#0FF;
                background-image:url(file:///D|/%E6%88%91%E7%9A%84%E6%96%87%E6%A1%A3/%E5%9B%BE%E7%89%87%E6%94%B6%E8%97%8F/10527602_980x1200_0.jpg);
                background-repeat:repeat-x;
                background-position:right;
                background-attachment:fixed;
                background-size:200px 200px;
                font-size:40px;
                font-family:微软雅黑;
                color:#333;
                font-weight:bold;
                font-style:italic;
                text-decoration:underline;
                text-align:center;
                vertical-align:middle;
                line-height:300px;
                }
                #gun{
                    margion:30px;
                    width:400px;
                    height:100px;
                    background-color:#0F9;
                    
                    padding:50px;
                    }
                #lily{
                    width:0px;
                    height:0px;
                    border-top:100px solid #3F3;
                    border-right:100px solid #F00;
                    border-bottom:100px solid #CC0;
                    border-left:100px solid #00C;
                    position:fixed;
                    right:30px;
                    top:30px;
                    }
                    #打你{
                    width:900px;
                    height:35px;
                    margin-top:20px;    
                        }
                    .打你{
                    width:100px;
                    height:35px;
                    float:left;
                    text-align:center;
                    vertical-align:middle;
                    line-height:35px;
                        }    
            </style>
        
    </head>

    <body>
        <div id="打你">
            <div class="打你">服不服</div>
            <div class="打你">服不服</div>
            <div class="打你">服不服</div>
            <div class="打你">服不服</div>
            <div class="打你">服不服</div>
         </div>
         <div style="clear:both"></div>
        
        <div id="text">佐罗</div>
        <a href="#" style="text-decoration:none">没有下划线</a>
        <!--<div id="隐藏" style="background-color:#F00;width:200px;height:200px;font-size:20px;">隐藏</div>-->
        <div id="gun">
            <div id="roser" style="width:60px;height:60px;background-color:#F60"></div>
        </div>
        <div id="lily"></div>
        
    </body>

技术分享

技术分享

第五课样式表