zoukankan      html  css  js  c++  java
  • 09.css学习-常用的css样式

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <style type="text/css">

    /*操作背景的属性 */
    body{
    /*background-color:#CCC; 设置背景颜色*/
    background-image:url(2.jpg);
    background-repeat:no-repeat; /* 设置背图片是否要重复 */
    background-position:370px 100px; /* 设置背景图片的位置, 第一个参数是左上角的左边距, 第二个参数是左上角的上边距 */
    }


    /* 操作文本的样式 */

    div{
    color:#F00;
    font-size:16px;
    line-height:40px;
    letter-spacing:10px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;

    }

    /* 操作表格的样式 */

    table{
    /*border-collapse:collapse; 合并表格的边框*/
    border-spacing:20px; /* 设置单元格的边框与表格的边框距离*/
    table-layout:fixed;
    }

    /*
    div默认是没有边框呃。
    */

    div{
    100px;
    height:100px;
    border-style:dotted solid double ; /* 设置边框的样式 上 右 下 左*/
    border-color:#F00;
    border-bottom-color:#0FF;
    border-top-100px;
    }


    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    <div>
    <pre>
    seven步诗
    煮豆燃豆萁,豆在釜中泣。
    本是同根生,相煎何太急。
    </pre>
    </div>

    </body>
    </html>

  • 相关阅读:
    3 面向过程与面向对象进一步比较
    2 类、实例、属性、方法详解
    1 面向对象介绍
    CentOS5、6 NFS的安装配置及mount方法
    js 冒泡 捕获
    js定义类或对象
    new Option()——实现时间联动
    js闭包(转)
    (转)大型网站系统架构的演化
    30款最好的 Bootstrap 3.0 免费主题和模板
  • 原文地址:https://www.cnblogs.com/transcendent/p/4951046.html
Copyright © 2011-2022 走看看