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>

  • 相关阅读:
    7人脸识别
    1图片视频文件操作基础
    3直方图与二值化,图像梯度
    6模板匹配(人脸匹配案例)
    基础习题
    碎片知识点整理
    详解:MySQL数据表损坏的正确修复方案
    前端开发:模块化 — 高效重构
    分享几个基于jQuery不错的前端相册展示插件代码
    程序员编程10年的心得和体会
  • 原文地址:https://www.cnblogs.com/zym0m/p/6979493.html
Copyright © 2011-2022 走看看