html背景图片透明字不透明

html背景图片透明字不透明,第1张

要使图片在html文件中背景图片透明的字不透明,可以使用背景图片的透明类型或者使用<div>标签来实现。

1、使用背景图片透明类型:

首先,在html文件中添加 <style>标签,然后使用CSS的filter属性,让图片的背景变成半透明或完全透明:

<style>

body {

background-image: url(“image.jpg”) // 设置图片背景

filter: alpha(opacity=50) // 透明度50%

opacity: 0.5 // 设置透明度

}

</style>

2、使用<div>标签来实现:

用<div>标签来将背景图片和文本分开,为<div>设置背景图片,利用CSS的 opacity 属性来控制其透明度:

<div class="background-image">

<p>这里是文本内容</p>

</div>

<style>

.background-image {

background-image: url(“image.jpg”)// 设置背景图片

opacity: 0.5 // 设置透明度

}

</style>

1、一般是在font标签中设置字体,比如字体的大小、颜色和字体类型等等

2、然后设置字体的大小,用size属性,比如size="6",这一点很重要的

3、然后用color设置字体的颜色,比如color="red",

4、然后在浏览器中预览效果


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6367987.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-21
下一篇 2023-03-21

发表评论

登录后才能评论

评论列表(0条)

保存