利用CSS为网站添加透明渐变效果的背景图,以及如何用 Typecho-Plus 来简化这一步骤,实现快速切换单页的背景图,以及随机背景图的设计思路
想为网页添加背景图,我们只需要使用CSS的 background-image: url(图片地址)
即可,还可以通过 background-position
background-repeat
等属性控制图片的位置、重复等参数。
若是想设置背景图透明度的话,则可以使用CSS3的linear-gradient
参数,为背景图添加一个透明渐变层来实现。
比如我们想为 Typecho 添加背景图,除了可以在模板页的CSS中添加数据之外,还可以通过 Typecho 的魔术方法 !!!
来直接将html代码写入到一个文章内,这样即可为每个单独的文章或者页面添加独特的背景图。
(非Typecho博客请自行查询插入HTML代码的方法)
- 阅读全文 -