• CSS随笔


    1.设置背景颜色

    可以使用 background-color: 属性为元素设置背景色。

    body {background-color: yellow}
    h1 {background-color: #00ff00}
    h2 {background-color: transparent}
    p {background-color: rgb(250,0,255)}
    

    如果希望背景色从元素中的文本向外少有延伸,只需增加一些内边距:

    p {background-color: green; padding: 20px;}
    

    2.设置背景图像

    如果需要设置一个背景图像,必须为这个属性设置一个 URL 值:

    body {background-image: url(/i/eg_bg_04.gif);}
    
    大多数背景都应用到 body 元素,不过并不仅限于此。
    

    3.文字排版

    字体

    body{font-family:"微软雅黑";}
    body{font-family:"Microsoft Yahei";}
    

    字号、颜色

    body{font-size:12px;color:red;}
    

    粗体、斜体

    p span{font-weight:bold;}
    p a{font-style:italic;}
    

    下划线、删除线

    p a{text-decoration:underline;}
    p{text-decoration:line-through;}
    

    4.段落排版

    缩进

    p{text-indent:2em;}
    

    行间距(行高)

    p{line-height:2em;}
    

    中文字间距、字母间距

    h1{letter-spacing:50px;}
    

    单词间距

    h1{word-spacing:50px;}
    

    对齐

    h1{ text-align:center;}  居中
    h1{ text-align:left;}    左对齐
    h1{ text-align:right;}   右对齐
    

    5.css3边框

    圆角边框

    div{
      border:2px solid;
      border-radius:25px;
      -moz-border-radius:25px; /* Old Firefox */
    }
    

    CSS3 边框阴影

    div{
      box-shadow: 10px 10px 5px #888888;
    }
    

    CSS3 文本阴影

    h1{
      text-shadow: 5px 5px 5px #FF0000;
    }
  • 相关阅读:
    Python if语句
    Pyhton数据类型总结
    Flask系列之自定义中间件
    Flask系列之蓝图中使用动态URL前缀
    python+Nginx+uWSGI使用说明
    python之threading.local
    python之偏函数
    Flask系列之源码分析(一)
    Python扩展之类的魔术方法
    Flask系列(十一)整合Flask中的目录结构(sqlalchemy-utils)
  • 原文地址:https://www.cnblogs.com/yuhaoo/p/5008269.html
Copyright © 2020-2023  润新知