博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS3第二天
阅读量:6009 次
发布时间:2019-06-20

本文共 805 字,大约阅读时间需要 2 分钟。

三、文本

text-shadow,可分别设置偏移量、模糊度、颜色(可设透明度)。
参1:水平偏移量 正值向右 负值向左;
参2:垂直偏移量 正值向下 负值向上;
参3:模糊度(模糊半径)是不能为负值;
参4:颜色
四、边框
边框圆角:border-radius:0 0 0 0 / 0 0 0 0; 前四个是x轴圆角半径,后面四个是Y轴圆角半径
边框阴影:border-shadow
参1、水平偏移量 右正左负;
参2、垂直偏移量 下正上负;
参3、模糊半径是不能为负值;
参4、颜色
参5、inset可以设置内阴影;
边框图片:border-image
参1:source:图片路径
参2:slice:切割,包含4参数(a,b,c,d)按照上右下左顺序
参3:repeat是否平铺 包含三个值:stretch拉伸(默认值)、repeat重复、round平铺
参4:width宽度
参5:偏移位置
五、盒模型
CSS3中可以通过box-sizing 来指定盒模型,即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。
可以分成两种情况:
1、box-sizing: border-box 计算方式为content = width – border - padding
2、box-sizing: content-box 计算方式为content = width
box-shadow属性
取值:水平偏移量、垂直偏移量、模糊度、外延值、color、inset(内阴影)
box-reflect盒子倒影属性:可以对盒子模型进行倒影设置。
值: direction(above、below、left、right)、offset(图片与倒影间隔)、mask-box-image(url)

转载于:https://blog.51cto.com/13517854/2064522

你可能感兴趣的文章
申请Let’s Encrypt免费证书,给自己网站增加https访问
查看>>
javascript+html 实现隐藏 显示
查看>>
BZOJ 2120 数颜色
查看>>
正则表达式学习笔记——基础知识
查看>>
织梦如何实现二级栏目导航的仿制
查看>>
网上购物系统(Task010)——FormView编辑更新商品详细信息
查看>>
Struts2 技术全总结 (正在更新)
查看>>
PowerShell_零基础自学课程_5_自定义PowerShell环境及Powershell中的基本概念
查看>>
Bzoj 2252: [2010Beijing wc]矩阵距离 广搜
查看>>
《编程之美》——寻找发帖“水王”学习与扩展 转surymj博客
查看>>
Linux 虚拟机VMware安装失败,提示没有选择磁盘
查看>>
LeetCode-Permutations
查看>>
C#整数三种强制类型转换int、Convert.ToInt32()、int.Parse()的区别
查看>>
css 禁止选中文本
查看>>
bzoj2165
查看>>
tomcat 配置首页
查看>>
算术运算表达式正则及分析
查看>>
Oracle 12c 多租户 手工创建 pdb 与 手工删除 pdb
查看>>
shell初涉
查看>>
[浪子学编程][MS Enterprise Library]ObjectBuilder之创建策略祥解(二)
查看>>