zoukankan      html  css  js  c++  java
  • 一天搞定CSS:文本text--05

    1.文本体系

    这里写图片描述

    2.文本各属性取值

    说明:

    每一个属性后面的分支是属性值,以及对属性值的说明。
    比如text-align- - - -有3个取值:left,center,right
    

    这里写图片描述

    3.空格大小

    这里写图片描述

    4.代码演示

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <!--
                文本
    
                color               颜色
                text-algin          文本的对齐方式
                text-indent         首行缩进(em缩进字符)
                text-decoration     文本修饰
                letter-spacing      字母的间距
                word-spacing            单词的间距(以空格来解析)
                white-space         强制不换行
            -->
            <style type="text/css">
                div{
                    width: 1000px;
                    border: 1px solid blue;
                    font: bold 30px/50px "微软雅黑";
    
                    /*text--set*/
                    color: red;
                    text-align: center;
                    text-decoration: line-through;
                    letter-spacing: 5px;
                    text-indent: 2em;
                    white-space: nowrap;
                }
            </style>
        </head>
        <body>
            <div id="">
                我在学习H5教程,我会成为前端大神的!
            </div>
        </body>
    </html>
    
  • 相关阅读:
    拯救公主
    爱情之路
    无聊的会议
    对拍检验程序
    TCP三次握手
    OA系统走过的的坑之部门岗位管理
    蓝屏警告
    三级联动
    Ajax二级联动
    近期疑惑和总结
  • 原文地址:https://www.cnblogs.com/TCB-Java/p/6853988.html
Copyright © 2011-2022 走看看