css属性之box-shadow
2023-09-27 14:24:31 时间
box-shadow 属性向框添加一个或多个阴影。
<!DOCTYPE html> <html> <head> <style> div { width:300px; height:100px; background-color:#ff9900; -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */ box-shadow: 30px 20px 5px #888888; /* 水平阴影 垂直阴影 模糊距离 颜色 */ } </style> </head> <body> <div></div> </body> </html>
效果
相关文章
- CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?
- 一文搞懂css常用字体属性与背景属性
- CSS中flex弹性盒子——弹性容器属性,弹性元素属性(附图)
- CSS中常用的10个文本样式属性——让文本设置再无难点
- [jnhs]教训之jsp页面无法用jstl取值的坑.真他妈的奇葩,实体类的属性名不能用大写
- JS函数的属性
- Asp.net动态页面静态化之输出对象属性(实体关联)
- css outline属性
- java 继承类之后,访问不到超类的属性的原因及解决方法
- 【HTML】HTML 标签 ③ ( 文本格式化标签 | 加粗 | 斜体 | 下划线 | 删除线 | 标签属性 | 图像标签 | 图像标签属性 )
- PyQt(Python+Qt)学习随笔:QTreeView树形视图的uniformRowHeights属性
- 第8.32节 Python中重写__delattr__方法捕获属性删除
- 安卓属性动画总结
- CSS border-style 属性
- 2017 年要去学的 3 个 CSS 新属性
- 【译】使用 currentColor 属性写出更好的 CSS 代码
- 用CSS设置的border属性及标签不显示下划线
- xml声明中的standalone属性
- CSS属性box-sizing:border-box 用法
- 垂直外边距合并--CSS的Margin属性:详解margin属性