在CSS中,我们可以通过以下步骤来绘制感叹号:/* * 创建一个div元素并设置宽度和高度 */ div { width: 30px; height: 50px; } /* * 使用border-ra
在CSS中,我们可以通过以下步骤来绘制感叹号:
/* * 创建一个div元素并设置宽度和高度 */ div { width: 30px; height: 50px; } /* * 使用border-radius设置元素的右上和右下角,形成一个倾斜的方块 */ div:before { content: ""; display: block; height: 10px; width: 10px; border-radius: 2px; background-color: #000; transform: rotate(45deg); position: absolute; top: -8px; right: 12px; } /* * 在div里面添加“!” */ div:after { content: "!"; display: block; font-size: 30px; font-weight: bold; position: absolute; top: 7px; left: 9px; }
通过以上代码,我们可以创建出一个类似于感叹号的形状,并在其中添加“!”,从而绘制出一个完整的感叹号。
粉丝
0
关注
0
收藏
0