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>

  • 相关阅读:
    Windows消息初探(1)
    配置Git Extension免密码发布代码到CSDN
    一个简单的参数校验类
    Functions类,一个Javascript的函数加法类,将两个函数加起来,顺序执行
    对Javascript异步执行的理解
    aws在线技术峰会笔记-游戏解决方案
    aws在线技术峰会笔记-主会场
    努力成长为一只全栈工程师
    翻译:在Ubuntu 14.04上安装FTP服务器的方法
    奇妙的时间旅程
  • 原文地址:https://www.cnblogs.com/zym0m/p/6979493.html
Copyright © 2011-2022 走看看