- 博客(2)
- 收藏
- 关注
原创 【笔记】CSS伪类箭头的作用原理
利用content:’’;形成一个空的占位符,这个占位符虽然不可见,长宽都为0,但确实存在; 给占位符加四周的边框border时,会以占位符为原点,形成外辐射的形状。如实际效果图: 为了代码简练,事先将所有边框都设为透明: border:50px solid transparent; 再给对应的边框上色即可: border-right-color:#333; 上图有很多可以利用的形状: 上下左右 的 正向三角形;(4个) 斜左上、斜右上、斜左下、斜右下的 斜向三角形(4个) 正上..
2022-03-16 21:13:59
713
原创 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
1079
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人