HTML或CSS如何修饰水平线<hr>,改变它的长度，粗细?

Posted 2023-05-15

谢谢

<hr size=n width=x color=yansezhi align=对齐方式>
r是0数字
align有center right left 参考技术A <hr style="width:300;size:20pix">本回答被提问者采纳 参考技术B <hr
style="width:300;size:20pix"> 参考技术C 在属性那里找，

文本修饰标签（text-decoration）

水平横线 <hr />

　　横线对齐 <hr align=left/right/center />

　　横线厚度 <hr size=? /> （以px为单位）

　　横线宽度 <hr width=?/% /> （以px或%为单位）

　　实心线 <hr noshade /> （没有立体效果）

　　以上标签属性[HTML5]不支持，改用CSS修饰：

　　{border:0 none;border-top:px solid RGB;}

换行 <br />

　　文字部份看齐方式 <br clear="left/right/all" />（与图形合用时）

　　不可换行 <nobr></nobr> （不换行）

　　可换行处 <wbr> （如果需要，可在此断行）

居中对齐 <center></center> （文字与图片都可以）

鼠标置于上面时显示全部描述 ：

       <abbr title="对缩写词的描述文本">缩写词</abbr>  （HTML5支持）

       <acronym title="......">...</acrony>  （HTML5不支持）

字体大小 <font size=""></font>（从1到7，数字越大字体越大）

改变字体大小 <font size="+/- "></font>

基本字体大小 <basefont size="" face="" color="" /> （从1到7，内定为3）

指定字型  <font face="字型名称">………</font>

字体颜色 <font color="rgb"></font>

加粗 <b>….</b>    <strong>...</strong>

斜体 <i>….</i>   <em>...</em>强调   <dfn>...</dfn>定义（有些浏览器不支持）

显示小字体 <small>…………</small>

显示大字体 <big>…………</big>

下划线 <u>….</u>   <ins>...</ins> (表示插入文字)（尚有些浏览器不提供）

删除线 <s>...</s>   <del>...</del>  <strike>….</strike>

下标字 _….

上标字 ^….

打字机字体 <tt>….</tt> （用单空格字型显示）

固定宽度字体 <xmp>...</xmp>(在文件中空白、换行、定位功能有效)

固定宽度字体 <plaintext>...</plaintext>（不执行标记符号）

固定宽度小字体 <listing>...</listing>

预定格式 <pre></pre> （保留代码页面编写时留下的空格和换行等）

预定格式的宽度 <pre width=?></pre>（以字元计算）

闪烁效果 <blink></blink> （有史以来最被嘲弄的标签）

文本引用效果 <blockquote>文本</blockquote>（转行分离并缩进，适用长句）

　　　　　　<q>文本</q>（添加双引号，适用短句）

                     <cite></cite> 引文（通常会以斜体显示）

　　　　　　<code></code> 显示源码之用

　　　　　　<samp></samp> 样本

　　　　　　<var></var> 变量

　　　　　　<kbd></kbd> 键盘输入

　　　　　　<address></address> 地址域

文本从右向左显示 <bdo dir="rtl">文本</bdo>（默认为从左向右dir="ltr"）