zoukankan      html  css  js  c++  java
  • 第六课样式表

        <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;200px;height:200px;font-size:20px;">隐藏</div>-->
            <div id="gun">
                <div id="roser" style="60px;height:60px;background-color:#F60"></div>
            </div>
            <div id="lily"></div>
            
        </body>

  • 相关阅读:
    内存管理3 Win32汇编语言056
    高级强制类型转换 C++快速入门37
    内存管理3 Win32汇编语言056
    密码学基础
    危险API的禁用列表
    危险API的禁用列表
    《那些年啊,那些事——一个程序员的奋斗史》——68
    《那些年啊,那些事——一个程序员的奋斗史》——68
    《那些年啊,那些事——一个程序员的奋斗史》——68
    春节期间停止更新
  • 原文地址:https://www.cnblogs.com/zym0m/p/6979493.html
Copyright © 2011-2022 走看看