css
tookingHome
~ _ ~
展开
-
border-radius 使用技巧
border-radius总所周知:border-radius是设置dom元素的圆角属性,熟为人知的操作是border-radius: 1px 2px 3px 4px其中值分别代表了左上、右上、右下、左下的圆角程度有图有真相(滑稽)其还可以接收%的使用这里有个一个不为人知的小知识,border-radius可以单独指定水平和垂直半径。通过斜杠(/)分隔两个值即可。第一个值是x,第二个值是y(斜杠 / 后的值)。当border-radius值为10px / 5px 20px,其效果相原创 2022-05-03 09:48:12 · 599 阅读 · 0 评论 -
outline 和 border-radius产生的碰撞
outline是否会贴合border-radius属性产生的圆角?原创 2022-05-01 20:41:56 · 509 阅读 · 0 评论 -
移动端 相册图片 不设置宽高设置1:1的盒子
设置宽度,不设置高度,盒子大小1:1可以通过padding值padding: 100%;这里的 百分比 是根据自身盒子宽度进行计算宽高所以可以通过.itemImg {width: 23%;margin: 1%;height: 0;padding-bottom: 23%;position: relative;}.itemImg>img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}转载 2021-03-11 15:54:49 · 116 阅读 · 0 评论