-
渐变色彩 linear-gradient 语法 linear-gradient(渐变方向,后面则是从开始到结束有哪些颜色) 渐变方向:to top 从下到上 0deg to bottom 从上到下 180deg to right 从左到右 90deg to left 从右到左 270deg to top left 从右下到左上 to top right 从左下到右上 to bottom right 从左上到右下 to bottom left 从右上到左下
查看全部 -
color:rgba(R,G,B,A) R:红 G:绿 这三个取值都是 0-255 B:蓝 A:透明度参数,取值0到1之间
查看全部 -
边框图片 border-image 格式 border-image:url(图片路径) 切割图片的宽度 图片延伸方式 切割图片的宽度:单为px 越大图片显示越小 图片延伸方式 round:平铺 边框四个角为图片四个角,中间重复图片内容 repeat:重复 边框四个角为图片四个角,中间重复图片内容 stretch:拉伸 边框四个角为图片四个角 中间对图片拉伸铺满
查看全部 -
box-shadow:X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]
X轴偏移量和Y轴偏移量必需写,其他几个可选
X轴偏移量:从左到右偏移,可以为负
Y轴偏移量:从上到下偏移,可以为负
阴影模糊半径:越大,阴影越模糊,当非常大时,就是实心,非常小也是实心,不能为负
阴影扩展半径:值越大,阴影从四周到中心占的地方就越多,可以为负
投影方式:有两个:inset:阴影在内部,不设置是外边缘
查看全部 -
border-radius:四个角的半径,顺时针 实心上半圆:height为width的一半,border-radius的左上角和右上角至少为height的值,左下角和右下角为0; 即 height:t width:2t border-radius:t t(或更大) 0 0 实心下半圆的height和width与上半圆相同,border-radius是左右上角为0 实心左右半圆类似 实心圆:height和width相同,border-radius的值为height或width一半
查看全部 -
border 也可以使用 image
查看全部 -
border: 4px 4px 4px 4px;
左上 右上 右下 左下的顺序
半圆: 以div为半径, 比如100px 100px的正方形,radius 50px就是圆形, 半圆形 50px 50px 0 0
查看全部 -
white-space: nowrap
overflow: hidden;
text-overflow: clip | ellipsis
word-break: normal | break-all | keep all
word-wrap: normal | break-word
查看全部 -
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
查看全部 -
border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */
查看全部 -
CSS 3
查看全部 -
多行
display:
-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
查看全部 -
border-radius是向元素添加圆角边框。然后他的的值可以是1个也可以是4个,4个的话 就是 左上角,右上角,右下角,左下角。和padding一样也是顺时针设置
查看全部 -
CSS3能做什么? 1.圆角效果 2.块阴影与文字阴影 3.色彩 CSS3支持更多的颜色和更广泛的颜色定义。新颜色CSS3支持HSL , CMYK ,HSLA and RGBA。
查看全部 -
选中的是div的最后一个元素,而不是父级div中的最后一个元素
查看全部
举报