css 布局有关
文章平均质量分 67
记录所有和css 布局有关的常用知识(属性,hack等)
znbb_
这个作者很懒,什么都没留下…
展开
-
css-箭头、三角形系列
纯css制作各种小箭头和三角形需求一:不用图片,只用css实现各种上下左右的箭头思路最终效果图需求二、纯css制作三角形思路最终效果图需求三、更高级感的、镂空效果的箭头思路最终效果图 需求一:不用图片,只用css实现各种上下左右的箭头 思路 先写一个只有右border、下border的带颜色的反 “ L ” ,内容部分由padding撑起来,然后根据css3的rotate属性进行各种旋转,实现上 下 左 右四个方向的箭头 //html部分,此处的arrow就是所有旋转的基础 <span cla原创 2021-06-07 09:57:31 · 390 阅读 · 0 评论 -
记flex弹性布局之理论和实践
记flex弹性布局之理论和实践 这里仅记录常用的属性,因为常用的也就那几个,记录太多了反而很杂,自己也记混了。 1.通常我们会给要使用弹性盒子布局的外容器加上display:flex;属性开启flex布局;外容器开启了flex布局后,其内部的子元素都会成为其一个个item,你会发现原本自成一行的快级元素也会在一行并排显示,直接达到了float:left的效果; 2.接着我们看看父元素上可以加的一些...原创 2019-07-12 17:24:57 · 140 阅读 · 0 评论