html将图片作为文本背景
使用CSS的background-image属性将图片作为文本的背景,示例如下:
HTML代码:
<div class="text-bg">这是一段文本,图片作为背景</div>
CSS代码:
.text-bg {
background-image: url('image.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #fff;
padding: 20px;
}
解析:
- background-image属性指定背景图片的URL地址。
- background-repeat属性指定背景图片是否重复,默认为repeat。
- background-position属性指定背景图片的位置,默认为左上角。
- background-size属性指定背景图片的大小,默认为auto。
- color属性指定文本的颜色。
- padding属性指定文本的内边距。
原文地址: https://www.cveoy.top/t/topic/fQN0 著作权归作者所有。请勿转载和采集!