废话少说,直入正题。
圆角:Border-raduis这虾兵常用px和%作为单位。C3常用来制作圆角,或者圆或者奇奇怪怪形状的东西。其实这个不难,基本都会用。
比如:
raduis值大于其宽度
结果一样。
说明raduis值超过当前宽度和等于其宽度表现一样。另50%和当前宽度单位表现一样,即宽高相同表型为圆,宽高不同表现为椭圆。
那么四个角的取值不一样会有什么不同的表现形式
比如:
对号入座(上为椭圆)
下为树叶形状
确实也没别的啥特别的,工作中咱肯定也没这么干过。其实也就这样子。还可以造一些奇形怪状的东西,大爷们可以自己动手,干它!!!
阴影:Box-shadow, Text-shadow阴影这蟹将,分两种
1)box-shadow:inset 1px 2px 3px 4px red;
就这几个参数。依次为:
内阴影,向右偏移量,向下偏移量,模糊的程度,延伸程度(可以省略),颜色
比如
对号入座123
1
2
3
2)文字阴影:text-shadow:1px 5px 10px red;
参数:右、下、模、色; 没有inset和延展,可以用多阴影。
因为家人住院,没人照顾,所以我就只有请假回老家亲自履行责任啦,所以文章更新就慢了。还请见谅。本篇说完虾兵蟹将,咱下篇说小妖怪background系列。欢迎大家参考批评。