- 博客(2)
- 收藏
- 关注
RSS订阅原创 【笔记】CSS伪类箭头的作用原理
利用content:’’;形成一个空的占位符，这个占位符虽然不可见，长宽都为0，但确实存在；给占位符加四周的边框border时，会以占位符为原点，形成外辐射的形状。如实际效果图：为了代码简练，事先将所有边框都设为透明：border:50px solid transparent;再给对应的边框上色即可：border-right-color:#333;上图有很多可以利用的形状：上下左右 的 正向三角形；（4个）斜左上、斜右上、斜左下、斜右下的 斜向三角形（4个）正上..
2022-03-16 21:13:59
602
原创 inline-block引发的高度问题
inline-block引发的高度问题当div为块block时，空内容，则完全没有宽高当div为inline-block时<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>问题记录</title> <style> * {margin:0; padding:0; border:0;} p {background:#9CF;} .c
2022-03-15 23:06:41
891
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人