盒子阴影box-shadow和文本阴影text-shadow
来源:互联网 发布:国内高薪职业 知乎 编辑:程序博客网 时间:2024/06/07 05:53
相关的说明和介绍都写在了注释中:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.div1{width: 300px;height: 200px;border:1px solid red;background: orange;/*box-shadow前面前面两个值是水平和垂直的偏移量,如果都是正值,那么就是右下,负值则相反*//*第三个参数为模糊距离,第四个参数为阴影伸展范围(增加模糊边界之前的实心颜色面积),默认为0。第五个参数为颜色,第四个参数为在元素内部,默认的是在元素外部*/box-shadow: 5px 5px 30px 10px gray inset;/*对于text-shadow,顺序有一点简单的变化,颜色放在最前面*/text-shadow: gray 10px 10px 7px;}</style></head><body><div class="div1">这里是</div></body></html>
阅读全文
0 0
- 盒子阴影box-shadow和文本阴影text-shadow
- 盒子阴影-box-shadow
- CSS3盒子阴影 box-shadow属性
- box-shadow是向盒子添加阴影
- css3盒子阴影box-shadow 设置
- 【CSS3】---阴影 box-shadow
- 阴影box-shadow
- css3阴影box-shadow
- 边框阴影box-shadow
- box-shadow阴影效果
- box-shadow阴影
- 阴影box-shadow
- css3阴影box-shadow
- box-shadow 投射阴影
- 阴影box-shadow详解
- 盒子模型——盒子阴影box-shadow
- text-shadow阴影文本
- CSS中怎样制作盒子阴影 box-shadow
- vux前端组件与java ssm框架进行数据交互
- la3882(约瑟夫问题的变种)
- JZOJ100043. 【NOIP2017提高A组模拟7.13】第K小数
- 洛谷P1423 小玉在游泳
- JS---运用和事件
- 盒子阴影box-shadow和文本阴影text-shadow
- C++STL--priority_queue(优先队列)
- 7.13论坛常见问题以及解决办法
- 排序一:直接插入排序
- C++自学之路:2.5~2.6-总结、复习题
- 爬虫2--隐藏爬虫
- java.io.InputStream
- 几种Java新建对象的方法
- 10014---大型网站架构之分布式消息队列