该属性的作用为为页面中的文本添加阴影效果;通过设置它可以让网页中的文本有外发光,辉光,投影,浮雕,模糊,影子,描边,3D等效果。 写法通常如下 text-shadow:2px 2px 2px #fff;这四个值分别代表 X轴,Y轴,模糊程度(不可是负值),阴影颜色
是一个图标字体库,它提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果;它不需要引入一些繁琐的文件 只需要几个命令就可以直接使用icon图标。 方法有: 直接导入 <link rel=“stylesheet” href=“path/to/font-awesome/css/font-awesome.min.css”> 定义安装 npm install font-awesome-sass 使用方法即是 <i class="-引用的图标">
属性 | |
---|---|
background-color | 规定要使用的背景颜色。 |
background-position | 规定背景图像的位置。 |
background-size | 规定背景图片的尺寸。 |
background-origin | 规定背景图片的定位区域。 |
background-clip | 规定背景的绘制区域。 |
background-attachment | 规定背景图像是否固定或者随着页面的其余部分滚动。 |
background-image | 规定要使用的背景图像。 |
background-repeat | 规定如何重复背景图像。 |
复合 使用方法例如:
h1
{
background: #000000 url(图片地址) no-repeat fixed top;
}
它允许我们在几乎任何元素上来创建阴影效果可以让原本平面的、二维的页面上面创建出深度(第三维)的错觉。 box的常用格式为: box-shadow: offset-x offset-y blur spread color position;
background: linear-gradient(to right, blue 0%, red 50%, ,black 25%,blue 25%, blue 100%);
radial-gradient(circle closest-side at center center,
blue 0%, red10%,
yellow 10%,black 20%);
background:
repeating-background: linear-gradient(to right, blue 0%, red 50%, ,black 25%,blue 25%, blue 100%);
background: repeating-radial-gradient(circle closest-side at center center,
blue 0%, red10%,
yellow 10%,black 20%);
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。