求教:html 文字居中两边加一条直线和竖线怎么做 如图

求教:html 文字居中两边加一条直线和竖线怎么做 如图,第1张

<html>

<head>

<title>

演示

</title>

</head>

<body>

<div style="width:1080pxheight:20pxmargin:auto">

<div style="width:400pxheight:20pxfloat:left">

<hr style="width:400pxcolor:reddouble red">

</div>

<div style="width:180pxheight:20pxfloat:lefttext-align:centerborder-left:1px solid grayborder-right:1px solid gray">

<span style="display:block">

最新活动 ACTIVE

</span>

</div>

<div style="width:400pxheight:20pxfloat:left">

<hr>

</div>

</div>

</body>

</html>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<style>

/* 宽度为10像素居中的实线 */

.aa {

width: 10px

height: 5px

border: 1px solid red

}

</style>

<body>

<!-- 这是实线 -->

<div class="aa"></div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7124810.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存