码迷,mamicode.com
首页 >  
搜索关键字:pure css    ( 52621个结果
用CSS制作毛玻璃透明效果
思路是: 我们不能直接对元素本身进行模糊处理,就对一个伪元素进行处理,然后将其定位到元素的下层,它的背景将会无缝匹配body的背景。margin-20px是用来扩大边距,因为模糊会在边缘减弱。 演示地址:http://www.sdfymj.com/invest/ 代码如下: body,main::b ...
分类:Web程序   时间:2020-07-27 14:00:32    阅读次数:98
css实现父级元素根据子集元素内容自适应宽度
实现效果: 代码: <ul class="sub"> <li> <a href="">新闻摘要新闻摘要新闻摘要新闻摘要新闻摘要</a> <a href="">新闻摘要</a> <a href="">新闻摘要</a> <a href="">新闻摘要</a> <a href="">新闻摘要</a> <a ...
分类:Web程序   时间:2020-07-27 13:55:28    阅读次数:122
element UI表格组件、点击某行、某行高亮显示
第一步:开启表格的高亮显示配置属性。highlight-current-row 第二步:全局引入css /* 用来设置当前页面element全局table 选中某行时的背景色*/ .container .el-table__body tr.current-row>td{ background-col ...
分类:其他好文   时间:2020-07-27 13:46:55    阅读次数:167
[CSS]面试题:box-sizing的作用 (IE盒模型和W3C标准盒模型)
介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的? (1)有两种盒子模型:IE盒模型(border-box)、W3C标准盒模型(content-box) (2)盒模型:分为内容(content)、填充(padding)、边界(margin)、边框(border)四个部分 IE ...
分类:Web程序   时间:2020-07-27 13:40:50    阅读次数:147
只用 css 就可以画饼状图
饼状图 less代码 成图效果,先上代码: /* @r,@ul-color,@part,@color-list 可以自己换着玩,试试看 @part是累计百分比的数组,因为less不支持变量的递归定义,所以只能妥协用这种方法 函数的变量的定义涉及到角度计算和边框计算 */ // 圆的半径 @r:200 ...
分类:Web程序   时间:2020-07-27 09:22:20    阅读次数:126
js控制台 console 骚操作-打印图片-自定义样式-字符画
控制台打印骚操作 预备知识:console | MDN 可以直接搜 为js控制台定义样式 自定义样式 console.log 中可以通过 %c 表示 css 样式 效果1 代码1 // 打印页面相关信息(代码更新时间) let date = new Date() let a = 'backgroun ...
分类:Web程序   时间:2020-07-27 09:20:38    阅读次数:135
WEB前端第十三课——浏览器内核、位置
1.浏览器内核及前缀 在CSS中新的属性标准尚未明确的情况下,各浏览器厂商对新属性的支持情况也不相同,这个阶段会对属性加厂商前缀进行区分。 根据不同的浏览器内核,CSS前缀有所不同,最基本的浏览器内核有四种,其他内核都是基于此四种进行再研发的。 ① Gecko内核,前缀为“-moz-”,火狐浏览器 ...
分类:Web程序   时间:2020-07-26 19:47:19    阅读次数:103
BFC
一、理解BFC 1.BFC(Box Formatting Context) Box是css布局的对象和基本单位,直观讲就是一个页面多个Box组成。 元素的类型和display属性决定了这个Box的类型;不同类型的Box,参与不同的Formatting Context(一个决定如何渲染文档的容器),因 ...
分类:其他好文   时间:2020-07-26 19:36:32    阅读次数:70
前端 写一个弹框
普通的弹框: https://www.w3schools.com/howto/howto_css_modals.asp bootstra弹框: https://www.runoob.com/bootstrap/bootstrap-modal-plugin.html ...
分类:其他好文   时间:2020-07-26 15:36:18    阅读次数:75
文本样式
test-align 设置元素内文本的对齐方式,该属性对块级元素设置有效 语法(justify 两端对齐) text-align: left right center justify ...
分类:其他好文   时间:2020-07-26 01:56:41    阅读次数:62
52621条   上一页 1 ... 84 85 86 87 88 ... 5263 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!