文本阴影、控制背景图大小、元素变圆

文本阴影:text-shadow:x y 大小 颜色 注:如果想添加多个阴影,每一组以逗号隔开
盒子阴影:box-shadow: x y 距离 大小 颜色 内阴影inside
word-wrap:break-word 功能:尝试把长单词换到下一行显示,如果下一行仍有超出,自动短句
word-break:break-all 功能:粗暴的短句
background-origin:背景图的起始位置
padding-box;默认值 padding区域开始
border-box;边框后面开始
content-box;从内容区域开始
background-clip:;背景的裁切
border-box 默认值
padding-box
content-box
控制背景图的大小: background-size:
属性值:宽度 高度
属性值的数值:10px 10px
100% 100%
cover 按照背景图的比例放大到全部平铺在元素后面停止
contain 按照比例放大,当宽或高达到容器最高则停止
border-image:
border-image-source:用在边框的位置路径
border-image-slice 图片边框向内偏移
border-image-repeat 图像边框是否平铺、铺满、或拉伸
border-image-outset 边框向外偏移
border-radius:半径
一个值:四角变圆
两个值:左上角及右下角 右上角及左下角
三个值:左上角 右上角及左下角 右下角
四个值:从左上角开始 顺时针设置
分垂直半径和水平半径:border-radius:水平半径/垂直半径
width的属性值:fill-available 合理分配有效剩余空间
fit-content 找子元素内容的宽度。按照子元素的宽度进行设置
max-content 找子元素最大的宽度
min-content 找子元素最小的宽度
calc :
pointer-events:none;
阻止各种按钮的功能

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值