文本阴影属性:
文本阴影:
text-shadow: x轴位置 Y轴位置 阴影大小 阴影颜色
注:如果想添加多个阴影 每一组阴影以逗号分隔。
盒子阴影属性:文本阴影:
text-shadow: x轴位置 Y轴位置 阴影大小 阴影颜色
注:如果想添加多个阴影 每一组阴影以逗号分隔。
文本换行属性:
英文或者数字默认显示:如果没有换行的情况下:尝试把下一个长单词放在下一行显示。
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 按照比例放大,当宽或者高,达到容器最高则停止
多背景图的设置: background:url() no-repeat,url() no-repeat,url()
边框:
图片边框: 把一张图片,当作一个边框就行显示。
border-image:; 简写 border-image-source 用在边框的图片的路径。
border-image-slice 图片边框向内偏移(不加单位)。 [ 把图片切割成九宫格 ]
border-image-repeat 图像边框是否应平铺(repeat)、铺满(round)或拉伸(stretch)
border-image-outset 边框向外偏移