急!html中用图片做背景死活显示不了啊!网上的答案都解决不了!
16lz
2021-01-22
网上说的路径问题我已经试了,但是就是显示不出来啊!本人小白,求大神指点啊!是图片的问题吗?
<!doctypehtml><!--DTD文档类型说明声明-->
<html>
<head>
<metacharset="utf-8"><!--字符编码的设置-->
<title>图片做背景</title>
<styletype="text/css">
h1{
font-family:Segoe,"SegoeUI","DejaVuSans","TrebuchetMS",Verdana,sans-serif;
background-color:red;
color:blue;
}
.div1{
background-color:image:url("file:///C|/Users/lenovo/Desktop/1.gif")
width:500px;
height:500px;
background-repeat:no-repeat;
background-position:center;
display:table;
}
</style>
</head>
<body>
<divclass="div1"></div>
</body>
</html>
字体设置有问题,font-family只能有一个值。
你的路径错了。background-color:image:url("file:/// C|/Users/lenovo/Desktop/1.gif")
<!doctypehtml><!--DTD文档类型说明声明-->
<html>
<head>
<metacharset="utf-8"><!--字符编码的设置-->
<title>图片做背景</title>
<styletype="text/css">
h1{
font-family:Segoe,"SegoeUI","DejaVuSans","TrebuchetMS",Verdana,sans-serif;
background-color:red;
color:blue;
}
.div1{
background-color:image:url("file:///C|/Users/lenovo/Desktop/1.gif")
width:500px;
height:500px;
background-repeat:no-repeat;
background-position:center;
display:table;
}
</style>
</head>
<body>
<divclass="div1"></div>
</body>
</html>
9 个解决方案
#1
字体设置有问题,font-family只能有一个值。
你的路径错了。background-color:image:url("file:/// C|/Users/lenovo/Desktop/1.gif")
更多相关文章
- CSS文件filemtime没有调用路径两次
- HTML5实现图片预览功能
- HTML5/CSS3系列教程:使用SVG图片
- HTML+jQuery图片上传示例
- Nodejs中利用phantom把html转为pdf或图片格式
- css让背景图片拉伸填充的属性
- HTML中上传与读取图片或文件(input file)----在路上(25)
- HTML基础 img标签alt属性 当图片加载失败的时候显示为文本
- 将HTML转换为图片传到服务器