【HTML】第二讲:hr的设计、特殊符号
  GB5MVrE6AZCB 2023年11月02日 37 0

每天进步一点点,之后进步大一截@放纵lili

一、hr的设计

1、取消阴影。

默认的<hr>其实是有阴影的。

取消阴影,只需要在<hr>标签里加上 noshade 就可取消阴影:<hr noshade>

【HTML】第二讲:hr的设计、特殊符号_水平线设计

【HTML】第二讲:hr的设计、特殊符号_水平线设计_02


2、给<hr>标签添加颜色。

添加颜色,在<hr>标签中添加color然后选择一个想要的颜色即可:

<hr color="">


【HTML】第二讲:hr的设计、特殊符号_水平线设计_03

【HTML】第二讲:hr的设计、特殊符号_特殊符号_04

3、给<hr>加宽度

只需要在<hr>标签中加入width=“”然后在 “” 中添加你想要的宽度即可。

<hr width="">

【HTML】第二讲:hr的设计、特殊符号_特殊符号_05

【HTML】第二讲:hr的设计、特殊符号_水平线设计_06

4、水平线<hr>的对齐方式

对齐方式(align)有:左对齐(left)、右对齐(right)、居中对齐(center)。

用法:<hr align="left/right/center">

【HTML】第二讲:hr的设计、特殊符号_特殊符号_07

二、特殊符号

1、尖角号<>

左尖角号:&lt;  右尖角号:&gt;

我们要想将<></>或<>用作注释,而通常系统会将<></> 或<>视为标签</>,因此我们需要用尖角号来向系统表明,这是注释而不是标签。

下面是相关操作来帮助你更好的理解

【HTML】第二讲:hr的设计、特殊符号_水平线设计_08

【HTML】第二讲:hr的设计、特殊符号_特殊符号_09

2、空格:&emsp;

通常在段落的开头都需要空两行,要是直接在段落开头空格,预览时不会得到我们想要的效果。此时就需要用到空格符号:&emsp;  一个&emsp;占一个中文空格

用法:在文字前直接加 &emsp;

【HTML】第二讲:hr的设计、特殊符号_特殊符号_10

【HTML】第二讲:hr的设计、特殊符号_水平线设计_11

3、版权符号:&copy;

【HTML】第二讲:hr的设计、特殊符号_特殊符号_12

4、商标:&reg;

【HTML】第二讲:hr的设计、特殊符号_水平线设计_13

白嫖一个符号

表情符号:&#128515

【HTML】第二讲:hr的设计、特殊符号_水平线设计_14









【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

GB5MVrE6AZCB