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