Web秀
首页
专栏
文章
问答
热点
导航
实例
首页
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
登录
#多重边框#
共找到
多重边框
相关内容
2
条
优先问答
优先文章
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
CSS实现多重边框的5种方式
前言目前最优雅地实现多重边框的方案是利用CSS3的box-shadow属性,但如果要兼容老的浏览器,则需要选择其他的方案。本文简要地列举了几种多重边框的实现方案,大家可以根据项目实际及兼容性要求等情况,选择最适合的实现方案。利用描边(outline)属性方案1利用描边(outline)属性结合border属性实现双重边框。此方案实现简单,兼容性好,能兼容除IE6,7以外的浏览器。.borders{border:solid6px#fff;outline:solid6px#888;}优缺点:只能实现双重边框边
559489
3294
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
CSS3基础知识:box-shadow, outline,outline-offset 实现多重边框
基础知识定义box-shadow相信很多人都已经用透了,可用来给元素添加各种阴影效果,反过来,也只有我们需要实现阴影时才会想起它,其实,box-shadow还接受第四个参数作为阴影扩张半径,当我们只设置扩张半径时,零偏移,零模糊,产生的效果其实相当于一条实线“边框”。CSSbox-shadow属性用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果,并用逗号将他们分隔开。该属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色。语法/*x偏移量|y偏移量|阴影颜色*/bo
547231
3248
0
下拉加载更多