1.border-radius
该属性允许您为元素添加圆角边框!
该属性后面的值可以是百分比、也可以是em单位或者是px。
例如:border-radius:10px;border-radius:60%;border-radius:2em;
border-radius:2em;
等价于:
border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;
2.box-shadow
属性向框添加一个或多个阴影。
该属性后面的值有两个是必须的。一个是水平阴影的位置,一个是垂直阴影的位置,都可以为负值。
box-shadow: 10px 10px 5px #888888;
效果如下:
3.text-shadow
属性向文本设置阴影。
该属性的用法同box-shadow的用法相同,都是有两个必须的值。
4.text-overflow
属性规定当文本溢出包含元素时发生的事情。
该属性一共有三个值,分别是:
clip---------修剪文本。
ellipsis-----显示省略符号来代替修剪的文本。
string------使用给定的字符串来代替修剪的文本。
5.resize
属性规定是否可由用户调整元素的尺寸。
该属性有四个值,分别是:
none------用户无法调整元素的尺寸。
both------用户可调整元素的宽度和高度。
horizontal-----用户可调整元素的宽度。
vertical------用户可调整元素的高度。
6.transition
该属性是一个简写属性,用于设置四过度属性,分别是:
注:请始终设置 transition-duration 属性,否则时长为 0,就不会产生过渡效果。值 描述 transition-property 规定设置过渡效果的 CSS 属性的名称。 transition-duration 规定完成过渡效果需要多少秒或毫秒。 transition-timing-function 规定速度效果的速度曲线。 transition-delay 定义过渡效果何时开始。
未完待续...