css外链设置背景，css设置背景透明

如何用CSS外链设置背景？

什么是外链？

外链又称为链接，是指在网页上引用另一个网页、图片、视频、音频等资源的一种方式。在CSS中，外链通常用来引用其他CSS文件。

如何用CSS外链设置背景？

设置CSS外链背景十分简单，只需要在CSS文件中使用background属性即可。比如：

body {
    background: url('图片地址') no-repeat center center fixed;
}

其中，url()括号里填写需要设置的图片地址。no-repeat表示不重复，center center表示居中，fixed表示固定不动。

如何使背景图片透明？

使用CSS设置背景透明也非常简单，只需要给background属性添加一个rgba()值即可。比如：

body {
    background: rgba(0,0,0,0.5);
}

其中，rgba()中前三个值为RGB色域值，最后一个值为透明度，范围是0-1。上面的例子中，透明度为0.5。

透明度设置的注意事项

透明度设置一定要注意，如果使用rgba()设置透明度的话，要使背景元素隔离出来，避免对子元素造成影响。比如：

.container {
    background: rgba(0,0,0,0.5);
    padding: 10px; /* 加上内边距，避免影响子元素 */
}
.container p {
    color: #fff;
}

这样就不会在子元素中造成影响了。

总结

使用CSS外链设置背景和透明度非常简单，只需要掌握相应的语法即可。要注意的是，透明度设置要避免影响子元素，并且需要注意rgba()中的透明度值范围。