回顾这段时间的收获
2019-08-14 09:49:31来源:博客园 阅读 ()
边框的阴影效果,可以在css中使用box-shadow来实现
属性值有X-shadow,Y-shadow,blur,spread,color,inset
X-shadow是设置水平方向的阴影值,可为负数
Y-shadow是设置垂直方向的阴影值,可为负数
blur是设置阴影的模糊半径
spread是设置阴影的扩展半径,也可以说是阴影的尺寸
color是设置阴影的颜色
inset这个属性通常是不使用的,它指的是将边框的阴影效果改为内阴影
但样式中默认样式是外阴影
盒子模型的重叠样式
在想让盒子停留的大盒子里设置一个相对定位,使其受相对定位的管辖
之后于同一个盒子里设置两个款高相同的盒子
样式中给两个大小相同的盒子设置绝对定位,并设置背景颜色用于遮挡
被重叠的盒子,以 z-index 值的大小来确定谁被覆盖,数值大的在
上面
为了是鼠标放在盒子上能显示被覆盖的元素,所以我们用伪类hover来改
变鼠标覆盖之后的 z-index 值,使之前在上面的盒子Z-index值小于下
面的盒子,这样之前被覆盖的元素便会将之前覆盖它的元素所覆盖
但此时之前被覆盖的元素z-index值大于其伪类的z-index却小于其原先的
z-index值,所以我们设置之前被覆盖的伪类的z-index值最大,让它一直
保持在最上面
原文链接:https://www.cnblogs.com/jiapei/p/11205062.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:01、HTML 简介
下一篇:前端的一些小知识点
- 如何清除a标签或者span标签之间的默认留白间距 2020-03-19
- 关于元素间的边距重叠问题与BFC 2019-08-26
- HTML基本代码 2019-08-14
- div居于页面正中间的实现方法 2019-08-14
- CSS回顾(基础知识,元素,选择器,盒子,颜色) 2018-10-29
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash