border-radius:length;
参数值可以为数值或百分比的形式
☆如果是正方形设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写50%
☆如果是矩形,设置为高度的一半即为圆角矩形
该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角(顺时针)
分开写:border-top-left-radius…
box-shadow:h-shadow v-shadow blur spread color inset;
h-shadow(必需。水平阴影的位置,允许负值)
v-shadow(必需。垂直阴影的位置,允许负值)
blur(可选。虚还是实)
spread(可选。阴影的大小)
color(可选。阴影的颜色)一般用rgba(0,0,0,.3)
inset(可选。将外部阴影(outset)改为内部阴影)
ps:默认的是外阴影,但是不能写否则会失效)
盒子阴影不占用空间,不会影响其他盒子排列
鼠标经过有阴影(div:hover)
text-shadow:h-shadow v-shadow blur color;