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

Bertha 。 2023-01-17 04:45 224阅读 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 条评论，224人围观）

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

相关阅读

相关 html首行缩进

示例效果： ![5625ac59e4bb44f4aa711a875b5452c9.png][] 示例代码： <div style="text-indent: 30

浅浅的花香味﹌/ 2023年09月29日 13:58/ 0 赞/ 65 阅读

相关 css首行缩进(css首行缩进)

首行缩进连个字符和首行缩进连个字是一样的概念？首行缩进连个字符和不一样的概念啊，字符和字是不一样的 ![css首行缩进(css首行缩进)\_css首行缩进(css首行

逃离我推掉我的手/ 2023年09月26日 13:06/ 0 赞/ 16 阅读

相关 word 2016 设置首行缩进

设置首行缩进，点击拓展图标。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM

刺骨的言语ヽ痛彻心扉/ 2023年08月17日 16:21/ 0 赞/ 65 阅读

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

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

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

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

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

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

相关 markdown如何首行缩进

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

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

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

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

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

相关 MarkDown首行缩进和换行

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

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

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

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

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

相关首行缩进怎么设置

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

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