
html中如何设置背景颜色,背景图片,并且插入图片呢?快来看看吧。
第一步,设置背景颜色,只要改变body的bgcolor属性,不过要注意颜色与文本颜色的搭配要协调清晰。
第二步,HTML网页的背景图片得用background属性,文件路径如果和网页在一个文件夹内则只用写图片名字并且如果图片小于网页显示窗口,会自动重复添加。
第三步,如果要在网页中插入图片,则得调用。
第四步,如果要设置图片大小,只要改变width和height属性即可,如图箭头所指。
第五步,默认的文字图像的排列是文字靠下,如果为了美观或要求,可以修改文字与图片的位置,如图。
注意事项
bgcolor和background两个属性,之后会被css设置替代,不过也得学好。为了保证网页加载的速度,背景图片不要太大。1.首先打开电脑上自带的记事本程序,从HTML5开始就不再支持属性了。你想设置背景颜色和网页其它方面的样式,就得使用CSS。
2.然后输入html网页基本结构语句。。
3.由于css样式必须在标签之间,因此我们点击后面,输入标签。
4.在head标签之间输入样式标签,然后定义一些属性,例如
5.然后点击body标签后面输入正文标签内容,例如
这是KING 这是KING这是KING
这个KING设置20内边距。
6.点击记事本菜单中的文件,选择另存为,把内容保存为html网页格式,双击打开预览效果,设置好了。
html中设置元素的背景色都是通过CSS中的background 属性来完成。
例如,给整个页面(body)设置背景色:body{background: #ddd};如果要将图片作为背景色:body{background-image: url(1.jpg)},其中url括号后面的是背景图片的链接。
拓展资料:
background 简写属性在一个声明中设置所有的背景属性。
background可以设置如下属性:
background-color 背景颜色
background-position 背景图像的位置
background-size 背景图片的尺寸
background-repeat 重复背景图像
background-origin 背景图片的定位区域
background-clip 背景的绘制区域
background-attachment 背景图像是否固定或者随着页面的其余部分滚动
background-image 背景图像
如果不设置其中的某个值,也不会出问题,通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。
代码:
效果:
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)