![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
样式问题
紫菀檀ss
我不迷茫,因为我有方向。
展开
-
css - 给页面加渐变式蒙层效果
近期做了一个项目,需要根据ui图在内容和展开之间做一个渐变式蒙层效果,然后根据同事提醒发现css3里面的filter滤镜可以做到这个效果。一、效果图二、实现过程 需要先将一个白色部分定位到需要做蒙层的地方,然后再对这块做蒙层效果。代码如下:...原创 2022-05-16 10:48:57 · 2218 阅读 · 0 评论 -
css - 关于IE8 不支持 border-radius 属性问题(圆角)的解决方法
最近在做几个pc端的页面的时候涉及到了各种浏览器的兼容问题,这里总结一下关于IE8 不支持 border-radius 属性问题(圆角)的解决方法。一、问题:IE8 不支持 border-radius 属性问题(圆角) 二、解决方法 使用 css pie.htc 就可以解决了。具体如下: /* 在css样式中引入 PIE.htc 文件 */ behavior: url(css/PIE.htc); border-radius: 50%;ps:PIE.htc文件可以直接去网页上下载原创 2021-04-06 15:01:54 · 1064 阅读 · 0 评论 -
css - 使用flex布局各个盒子平均分布(五个盒子中三个盒子占一行另两个换行靠左对齐)
在做一些类似商城的项目中,我们会时常遇到类似 五个模块中三个模块占一行,另外外两个换到下一行靠左对齐这样的情况。下面我通过案例来实现以下这个效果:效果图:案例如下:<template> <div class="test"> <ul> <li v-for="(item,index) in list...原创 2020-03-04 17:43:01 · 17979 阅读 · 3 评论 -
css - 设置input输入框的placeholder的颜色和字体等样式
兼容多个浏览器的写法: ::-webkit-input-placeholder { /*Webkit browsers 谷歌*/ color: rgba(164, 164, 164, 1); font-size: 18px; } :-moz-placeholder { /*Mozilla Firefox 4 to 8 火狐*/...原创 2019-09-02 11:30:54 · 4016 阅读 · 0 评论 -
css - 三角形的制作
在我们写项目的时候会时不时的遇到需要一个三角形,这时会选择直接拿一张图片来代替,或者自己用css样式来画一个三角形,下面我来跟大家解释一下如何使用css样式来制作一个三角形:1、三角形代码: HTML代码: <div class="body"> <div class="box"> <div class="triangle"&g...原创 2019-07-15 10:50:43 · 275 阅读 · 0 评论