用:before类制作两个正方形

比尔科夫

我想在标题之前先打两个方格。我知道如何使用before类制作一个正方形,但是我不知道如何制作两个宽度不同的正方形。

我要去的东西看起来像这样:

我要做什么

尼罗什·玛哈詹(Nilesh Mahajan)

您可以通过:before小提琴简单地通过a来实现此目的

的HTML

<h1>Reference</h1>

的CSS

h1{
    font-size: 24px;
    color:blue;
}
h1:before{
    content:"";
    display:inline-block;
    margin-right:10px;
    height:30px;
    width:5px;
    border-left:solid 10px blue;
    border-right:solid 5px blue;
    vertical-align:top;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何计算网格上两个正方形之间的距离,包括目标正方形

Android在两个堆叠视图旁边显示一个正方形图像视图

一个正方形中可以有两个按钮吗?

将两个DataFrame的列之间的重叠计算为正方形共现矩阵

如何在物质.js的跷跷板上平衡两个正方形?

为什么我的两个菜单“Font Awesome”图标突然显示为正方形?

填满一张纸的两个正方形图

正好在两个正方形之间时,圆会改变其方向

彼此相邻打印两个不同的正方形(由星号制成)?

无法确定两个正方形/矩形是否相交

用Java创建一个循环正方形

使用 ConstraintLayout 在两个维度上使用比率来显示 3 个相同大小的正方形

在两个数组中找到对,使得相乘时成为一个完美的正方形

如何制作matplotlib散点图正方形?

如何用文字制作一个空心的正方形?

SFML Sprite在制作多个纹理时是一个白色正方形

我不知道要制作一个正方形的网格吗?

我试图弄清楚如何制作一个正方形,当单击该正方形时,它将改变颜色

Java数字模式两个三角形并排组成一个正方形/矩形

如何在两个数字之间找到整个正方形

JavaFX滚动条自定义。当两个滚动条都被激活时,消除多余的正方形

三个水平正方形| square | |正方形| |正方形| 使用CSS

用Matlab的'line'命令画一个正方形

组成一个4个正方形的正方形

PyGame 通过添加正方形来制作网格

制作DIV正方形的对角线

在正方形元素上制作移动边框动画

如何在python中制作正方形

作业问题:如何递归地制作正方形