美文网首页
在html中画一条横线并使其居中

在html中画一条横线并使其居中

作者: 大海龟啦啦啦 | 来源:发表于2021-08-31 23:14 被阅读0次

因搭建数据库网站需要在网页中画一条横线并使其居中来进行页面的分隔,所以进行了一系列的探索。
首先,尝试了使用

<hr align="center" width="60%" />

但是后来了解到align属性在HTML 4.01中是可以使用的,但是在XHTML 1.0 Strict DTD 中,不支持 hr 元素的 align 属性。
因此需要使用以下方式

<hr style="width: 60%; margin: auto; border: 2px solid #ff4757;"/>

相关文章

  • 在html中画一条横线并使其居中

    因搭建数据库网站需要在网页中画一条横线并使其居中来进行页面的分隔,所以进行了一系列的探索。首先,尝试了使用 但是后...

  • 画 人体1⃣

    步骤1:首先先在纸上画一条横线标为0,其次再画出9条同等宽的线并依次标上0~9,一共是十条横线,最后再画一条垂直线...

  • canvas画饼状图

    1.绘制饼状态图1.1 根据数据绘制一个饼图1.2 绘制标题 从扇形的弧中心伸出一条线在画一条横线在横线的上面写上...

  • 使用before、after给文字前后添加横线

    使用before、after给文字前后添加横线 css横线居中 demo地址

  • html分割线

    一、普通1、横线 2、居中横线 align 线条位置(可选left、right、center);width线条长度...

  • CSS布局

    1.左右布局 html: 2.左中右布局 html: 3.水平居中 html: 4.垂直居中 html: css:...

  • 每日一方藏玄机(九十)

    日月—消除胆囊炎它帮忙 位置 从乳头往下画一条竖线,从第七肋间画一条横线,其交点为日月穴。 意思及重要性 日月穴是...

  • 垂直居中的方法

    行内元素居中 html css before元素居中 html css table-cell居中 css 垂直居中...

  • 百叶窗动画效果

    如果不想看啰嗦的介绍,请点击这里 Demo源码 整个设计也十分简单 1、画一条竖线 2、画一堆横线 拉开的效果: ...

  • 上下文状态栈

    上下文状态栈 需求:画一条横线,一条竖线 获取上下文在内存中开辟了一个上下文区域,分为存放路径、存放状态两个部分 ...

网友评论

      本文标题:在html中画一条横线并使其居中

      本文链接:https://www.haomeiwen.com/subject/ncctwltx.html