15.文本

最新推荐文章于 2022-07-05 14:29:16 发布

郭振澳

最新推荐文章于 2022-07-05 14:29:16 发布

阅读量176

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/u011513939/article/details/74055591

版权

css 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

文本

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本</title>
    <style>
        p{
            text-indent:2em;
        }

        a{ text-decoration:none; }

        p{
            text-shadow:2px 3px 5px green;
        }

        div{
            width: 600px;
            height: 300px;
            border:1px solid red;
            text-align:center;
        }

        .box{
            width: 300px;
            height: 400px;
            border:1px solid red;
            overflow:hidden;
            text-overflow: ellipsis;
            white-space:nowrap;
            letter-spacing: 2em;
            /*vertical-align: middle;
            display: table-cell;*/
        }

    </style>
</head>
<body>
    <!-- 
        文本
            text-indent:   首行缩进   em
                -decoration:  文本修饰
                            overline    上划线
                            underline   下划线
                            line-through  删除线
                            none        取消划线
                -shadow:
                    length   阴影偏移量
                    color    阴影颜色
                    blur     阴影半径

                -align: left  center  right

                -overflow
                    ellipsis   文本超出部分用省略号代替   需要跟overflow配合
                    如果是中文的话, 先强制将中文转成一行
                    white-space:nowrap;

        title  鼠标悬停显示内容

        letter-spacing   字符间距


        vertical-align:
                    top
                    middle
                    bottom

     -->
     <p>中午去ATM存钱，排队时后面的美女问我：“存钱是吗？” “嗯” “我正好要取钱，反正你要存，不如把钱给我，咋俩就不用排队了” 我一想觉得挺有道理，就把钱给她了。。。然后一脸懵逼的看着美女走了.....</p>

     <a href="">这两天日子不顺, 出门忘记看黄历</a>

     <div>
        最好的朋友：睡在我上铺的兄弟。 最爱的女孩：同桌的你。最难忘的事：睡在我上铺的兄弟带走了同桌的你。
     </div>

     <div class='box'>aaaaaaaaaaaaabbbbbbbbbbbbbbbbbvvvvvvvvvvvvvvvvcccccccccccccccc</div>
     <div class='box' title='乘地铁遇到个牛人。 地铁上，一哥们儿的铃声大作，众乘客一听： “爷爷，那孙子又给您来电话了… 爷爷，那孙子又给您来电话了… 爷爷，那孙子又给您来电话了。” 只见那哥们儿慢慢悠悠的掏出手机接听，说道： “喂!爸，什么事..”' >乘地铁遇到个牛人。 地铁上，一哥们儿的铃声大作，众乘客一听： “爷爷，那孙子又给您来电话了… 爷爷，那孙子又给您来电话了… 爷爷，那孙子又给您来电话了。” 只见那哥们儿慢慢悠悠的掏出手机接听，说道： “喂!爸，什么事..”</div>
</body>
</html>