CSS基础-11-文本缩进

最新推荐文章于 2023-03-28 19:40:43 发布

Keep learning（Poker）

最新推荐文章于 2023-03-28 19:40:43 发布

阅读量3.8k

点赞数

文章标签： css css3 html

本文链接：https://blog.csdn.net/weixin_63562705/article/details/121768207

版权

一、文本样式

1.文本缩进: text-indent

2.文本水平对齐方式: text-align

3.文本修饰: text-decoration

2.1文本缩进

★属性名:text-indent

★取值:

·数字+px

·数字+em (推荐: 1em =当前标签的font-size的大小)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            /* text-indent: 50px; */
            /* 首行缩进2个字的大小 */
            /* 默认字号：16px; 32 */
            /* text-indent: 40px;
            font-size: 20px; */

            /* em:一个字的大小 */
            text-indent: 2em;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <p>2019年，事件视界望远镜团队让世界首次看到了黑洞的样子。不过，研究人员公布的这张发光环形物体的图像并不是传统的图片，而是经过计算获得的。利用位于美国、墨西哥、智利、西班牙和南极地区的射电望远镜所得到的数据，研究人员进行了数学转换，最终合成了这张标志性的图片。研究团队还发布了实现这一壮举所用的编程代码，并撰文记录这一发现，其他研究者也可以在此基础上进一步加以分析。</p>
</body>
</html>

Keep learning（Poker）

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS基础-11-文本缩进

一、文本样式1.文本缩进: text-indent2.文本水平对齐方式: text-align3.文本修饰: text-decoration2.1文本缩进★属性名:text-indent★取值:·数字+px·数字+em (推荐: 1em =当前标签的font-size的大小)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
复制链接

扫一扫