CSS
CSS
旺仔布丁
这个作者很懒,什么都没留下…
展开
-
css线性渐变切角
线性渐变相邻两个区域百分比的差就是这两个颜色渐变过渡的面积占比。(90-末尾100% 是混合颜色)不写该是百分比多少还是多少,末尾不写当成100%,开头不写当成0%写成0就当成0%,比前面小,显示单个颜色如果前面已经是40%了,后面是30%,则比前面小,显示单个颜色 #app { width: 200px; height: 100px; background: linear-gradient(to top right, yellow 50%, green 100%);转载 2022-04-21 17:23:10 · 255 阅读 · 0 评论 -
flex布局案例
justify-content和align-itemshttps://blog.csdn.net/u014614038/article/details/112062197justify-content:center;水平居中 https://www.jianshu.com/p/b806c97e6512(通过flex-direction确定了主轴方向,justify-content确定了在主轴方向的对齐方式,其控制的目标是间距和排版)align-items:center;垂直居中 https://w原创 2022-04-19 11:51:59 · 1178 阅读 · 0 评论 -
小图标和文字居中对齐
图片是矢量图标浮动 <style type="text/css"> ul{ margin: 0; padding: 0; list-style-type: none; } li{ float: left; /* 浮动整体li单行显示 */ } svg{ float: left; /* 这里不浮动,文字会跑到图标前面 */ } span{ float: left; line-原创 2022-04-02 11:06:04 · 554 阅读 · 0 评论