利用css压线2

最新推荐文章于 2024-05-02 17:43:45 发布

青丝不压头颅

最新推荐文章于 2024-05-02 17:43:45 发布

阅读量142

点赞数

分类专栏： css 文章标签： html css

本文链接：https://blog.csdn.net/weixin_45630548/article/details/119655751

版权

css 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<style>
    h2 {
        /* 这里必须给h2设置固定高度 */
        height: 60px;
        border-bottom: 1px solid red;
        width: 1200px;
        text-align: center;
        margin: auto;
    }
    
    span {
        /* 将span标签变成行内块之后才可以加宽度和高度 */
        display: inline-block;
        height: 70px;
        width: 120px;
        /* 给span标签设置背景白色背景颜色可以遮住部分的红色边框 */
        background-color: #fff;
    }
</style>

<body>
    <h2>
        <span>
            HELLO<br>
            Line Ball
        </span>
    </h2>
</body>

</html>

运行效果：

优惠劵

青丝不压头颅

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用css压线2

<style> h2 { /* 这里必须给h2设置固定高度 */ height: 60px; border-bottom: 1px solid red; width: 1200px; text-align: center; margin: auto; } span { /* 将span标签变成行内块之后才可以加宽度和高度 */ dis.
复制链接

扫一扫