HTML和main.css中的CSS代码

HTML和main.css中的CSS代码,第1张

概述当我把它放在main.css文件中时,为什么这个CSS代码不起作用的任何想法? 我正在尝试制作全屏背景. <html><head> <link rel="stylesheet" type="text/css" href="CSS/main.css"> <style> .bg { background-image: url("nuotraukos/bg.png"); 当我把它放在main.CSS文件中时,为什么这个CSS代码不起作用的任何想法?
我正在尝试制作全屏背景.

<HTML><head>	<link rel="stylesheet" type="text/CSS" href="CSS/main.CSS">	<style>		.bg {		    background-image: url("nuotraukos/bg.png");		    min-height:100%;		    min-wIDth: 100%;		    background-attachment: fixed;		    background-position: center;		    background-repeat: no-repeat;		    background-size: cover;		}	</style></head><body><div ></div></body></HTML>
解决方法 您的< link>似乎没有错.
检查文件是否确实存在,以及HTML页面是否与CSS文件夹位于同一目录中.否则文件路径错误.

如果图像没有显示,可能是因为它与.CSS的路径不同,所以你也应该更改链接.

假设您的图像是CSS文件中的一个文件夹.然后你应该将URL更改为:

url("../nuotraukos/bg.png");

使用div设置背景也不是一个好习惯,因此不要使用div来设置背景,而是将背景设置为< body>并拉伸它.

body {   background-image: url("http://images.Alphacoders.com/538/53823.jpg");   background-size:cover;}
<head></head><body></body>
总结

以上是内存溢出为你收集整理的HTML和main.css中的CSS代码全部内容,希望文章能够帮你解决HTML和main.css中的CSS代码所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

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

原文地址: http://outofmemory.cn/web/1078188.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存