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>

  • 相关阅读:
    反射学习(二)
    反射学习(一)
    web项目问题总结
    MyEclipse使用过程中的问题及对应设置的总结
    JSP的四个作用域
    bootstrap 点击模态框上的提交按钮后,模态框不能关闭的解决办法
    xgboost 参数
    CART树
    GridSearchCV
    xgboost使用
  • 原文地址:https://www.cnblogs.com/transcendent/p/4951046.html
Copyright © 2011-2022 走看看