web设置字符间距、行距及首行缩进案例

Bertha 。 2023-01-17 04:45 209阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>love</title>
        <style type="text/css">
            h3{
         text-align: center;color: #33ff66;}
            hr{
         color: coral;}
            #p1{
         letter-spacing: 2px;line-height: 1em;text-indent: 2em;}
            #p2{
         letter-spacing: 4px;line-height: 1.5em;text-indent: 3em;}
            #p3{
         letter-spacing: 6px;letter-spacing: 2em;text-indent: 4em;word-spacing: 10px;}
        </style>
    </head>
    <body>
    <h3>class</h3><hr>
    <p
        id="p1">美好的昨天</p>
    <p
        id="p2">奋斗的今天</p>
    <p
        id="p3">充满希望的明天</p>
    </body
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3plbmdkYW5saQ_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3plbmdkYW5saQ_size_16_color_FFFFFF_t_70]: /images/20221022/faabc6646a7e41888bc84a83e4dbf686.png

发表评论取消回复

表情：

评论列表（有 0 条评论，209人围观）

还没有评论，来说两句吧...

相关阅读

相关 web设置字符间距、行距及首行缩进案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

Bertha 。/ 2023年01月17日 04:45/ 0 赞/ 210 阅读

相关设置行间距_Word 行间距怎么设置，空格、字号、公式导致行距不一样等设置

　在 Word 中，行距也称行间距，为便于阅读需要把文字设置为合适的行间距。行间距怎么设置？行间距设置通常有三种方法，分别为用常规行间距选项设置、在“段落”窗口设置和用快捷键设

短命女/ 2023年01月06日 11:55/ 0 赞/ 222 阅读

相关 markdown如何首行缩进

写文章的时候遇到了用markdown不知如何首行缩进的问题，查阅资料后记录一下： &ensp; 半角的空格 &emsp; 全角的空格每个转义字符串表示一个空格

╰+攻爆jí腚メ/ 2022年11月09日 15:29/ 0 赞/ 302 阅读

相关 markdown如何调整行距_「行距怎么设置」【CSS】如何设置行距、段落间距、缩进格式 - seo实验室...

行距怎么设置在使用MarkDownHere的时候，需要利用CSS编辑各个段落的格式，本文记录了CSS中编辑格式的各个属性及其设置。行距行距一般使用line-heig

た入场券/ 2022年10月24日 13:21/ 0 赞/ 1088 阅读

相关 Markdown如何实现首行缩进？

方法一：全角输入把输入法由半角改为全角。两次空格之后就能够有两个汉字的缩进。（CSDN貌似不行）方法二：` ` 在开头的时候，先输入这个，然后紧跟着输

迈不过友情╰/ 2022年09月12日 05:51/ 0 赞/ 256 阅读

相关 MarkDown首行缩进和换行

换行使用br标签就像使用html一样，使用br标签敲击两个以上空白，然后回车在末尾敲击两个以上空白，然后回车首行缩进使用特殊占位符

刺骨的言语ヽ痛彻心扉/ 2022年06月12日 06:27/ 0 赞/ 246 阅读

相关浅谈CSS首字放大下沉及段首缩进2字符

原文出处：[https://blog.csdn.net/zhouziyu2011/article/details/53725367][https_blog.csdn.net_z

蔚落/ 2022年04月17日 05:29/ 0 赞/ 238 阅读

相关 MarkDown首行缩进和换行

首行缩进有两种方法　　方法一：　　　　输入法在全角状态下按两次空格　　方法二：　　　　使用特殊占位符【1】或 //半角【2

女爷i/ 2021年09月15日 10:56/ 0 赞/ 394 阅读

相关首行缩进怎么设置（收藏）

本篇文章所说的内容是一个用HTML缩进段落第一行的代码，我们要知道缩进段落需要用到的属性是text-indent，下面我们就来看一看具体的内容。语法格式： text-...

系统管理员/ 2021年01月30日 16:51/ 0 赞/ 733 阅读

相关首行缩进怎么设置

本篇文章所说的内容是一个用HTML缩进段落第一行的代码，我们要知道缩进段落需要用到的属性是text-indent，下面我们就来看一看具体的内容。

系统管理员/ 2021年01月30日 16:42/ 0 赞/ 858 阅读