html设置背景颜色背景图片插入技巧怎么做

html怎么设置背景颜色和图片

说起网页背景，先得知道咋调颜色，最简单的就是改body标签的bgcolor属性，超方便！不过要注意哦，背景色和上面的文字颜色一定要搭配好，这样看着才顺眼、清楚。接着呢，背景图片得用background这个css属性来搞，如果图片和你的网页文件放在一起，就直接写图片名就OK啦~顺便说下，如果图片小于网页显示窗口，它还会自动平铺哦，超级智能！还有，如果你不想让图片重复显示，可以加一条代码background-repeat：no-repeat，这样图片就只显示一次，显得超格调！

html中插入背景图片和普通图片的具体操作

关于在html里放图片，这儿给大家理个清楚：

首先，新建一个html文件，然后创建一个带class名叫“setbg”的div标签。
用css给这个“setbg”加个背景图，写background: url(bg_main.jpg)就搞定啦！不过别忘了给这个div定个高度，比如height: 500px，背景图片才能准准地显示出来哦。
插入普通图片的时候，直接用标签，嘿，这标签可没有结束符号，记得写正确！它通常放在body里，用来插入具体的图片。
如果你是用记事本写代码，图片路径要注意，是不是放在根目录？还是同级目录？路径写错可就显示不出来啦！还能通过
标签配合css背景属性来实现背景图片，这样灵活且结构清晰！
推荐用HBuilderX或者其他编辑器，弄个新html，在head里写style样式，再保存用浏览器打开看看效果，真是棒极了。

相关问题解答

html背景颜色怎么设置比较好看?
嘿，设置背景颜色很简单啦！只要改body的bgcolor属性，颜色记得搭配好，最好别选太刺眼的，像淡蓝、浅灰那种，眼睛舒服又友好。要是怕麻烦，css里background-color属性也是超好的选择，写法灵活，还能搭配透明度呢，给你网页增辉不少！
背景图片重复平铺怎么办才不烦?
哦，这个简单得不行！背景图片默认会自动“咔咔咔”平铺铺满整个网页，如果你受不了这个花哨效果，直接写一条代码background-repeat: no-repeat，图片就只会“乖乖”显示一次，超级清爽！而且还能配合background-position调整位置，看起来更棒！
用标签插入图片有什么坑要注意吗?
嗯，别忘了标签可没有闭合标签，就写完事儿啦。另外，路径写错是大忌！要看清楚图片到底放在哪儿，和你的html文件是同级、子目录还是上级目录，路径没写对，图片可就“杳无音信”了，真心闹心！
css背景图片和html直接用标签区别在哪里?
嘿，这两者可有点讲究呢！css的background图片主要用来当背景，一般用在div/ body上，看起来更灵活，适配各种屏幕。而标签就是直接插入页面里的图片，看得见、能操作，适合展示具体内容。背景图更偏“装饰”，图片标签则是“内容”的存在，两者合理搭配，网页才更漂亮！