css
令主
不知年少轻狂,只知胜者为王
展开
-
尾部变细的细线
css实现细线头尾变淡效果原创 2023-02-22 15:05:13 · 99 阅读 · 0 评论 -
CSS背景颜色透明且渐变
Webkit(浏览器内核) background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(137,227,253,0.9)), to(rgba(20, 63, 181, 0.9))); 效果展示: 各个参数的含义: 1. 渐变的类型,linear线性渐变 2. 分别对应x,y方向渐变的起始位置(0 0 – 或者left-top) 3. 分别对应x,y方向渐变的终止位置(0 100% 或者left-bottom) 4. 起始位置的颜色 5原创 2020-08-28 16:53:55 · 2870 阅读 · 0 评论 -
css一个div同时设置多个背景图片
css 的background 可以设置多个背景图片: background:url( ico.png ) no-repeat, url( pht.jpg ) no-repeat 9% 7%; (左右距离)(上下距离) 然后需要注意的就是背景图片的显示的顺序的问题, 上面的例子中先设置的背景图片是ico.png ,那么可以假设ico.png的层级是 1, 那么后设置的背景图片 pht.jpg 的层级就可以是 2,也就是后面设置的背景会遮原创 2020-08-19 14:49:06 · 3036 阅读 · 0 评论 -
居中大杂烩
盒子内的图片居中显示 <div class="box"> <img class="image" src="@/assets/img/9.png" alt /> </div> .box { width: 60px; height: 60px; line-height: 60px; text-align: center; //水平居中 .image {原创 2020-05-21 17:45:49 · 90 阅读 · 0 评论 -
css
display: none; 与 visibility: hidden; 的区别 相同: 它们都能让元素不可见 区别: display:none;会让元素完全从渲染树中消失,渲染的时候不占据任何空间;visibility: hidden;不会让元素从渲染树消失,渲染师元素继续占据空间,只是内容不可见 display: none;是非继承属性,子孙节点消失由于元素从渲染树消失造成,通过修改子孙节点...原创 2019-11-28 08:49:13 · 206 阅读 · 0 评论