css3圆角边框阴影(阴影)

首页常识更新时间:2023-05-17 19:07:34

废话少说,直入正题。

圆角: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系列。欢迎大家参考批评。

,
展开阅读全文
推荐内容
热门内容
热门文章

© 2007-2022 http://www.anhuiqq.cn,All Rights Reserved.