html设置背景的方法:1.通过HTML中的Bgcolor标签将背景设置为某种颜色;2、通过HTML中的Background标签将背景设置为图像。

本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

背景(Backgrounds)

背景颜色(Bgcolor)

背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。

以上的代码均将背景颜色设置为黑色。

背景(Background)

背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。

URL可以是相对地址,如第一行代码。也可以使绝对地址,如第二行代码。

提示:如果你打算使用背景图片,你需要紧记一下几点:背景图像是否增加了页面的加载时间。小贴士:图像文件不应超过 10k。

背景图像是否与页面中的其他图象搭配良好。

背景图像是否与页面中的文字颜色搭配良好。

图像在页面中平铺后,看上去还可以吗?

对文字的注意力被背景图像喧宾夺主了吗?

基本的注意事项 - 有用的提示:

应该使用层叠样式表(CSS)来定义 HTML 元素的布局和显示属性。

html页面如何设置背景,html怎么设置背景相关推荐

  1. 移动端也能兼容的web页面制作2:导航栏、背景图片设置

    [ 导读 ] MDBootstrap 是基于 Vue.js 开发的一套前端框架,拥有美观大气的界面效果,友好的交互体验,更棒的是对于移动端也有很好的兼容性.先给大家看下演示 demo 的运行,后面将围 ...

  2. html 音乐播放透明,HTML如何设置video为不透明背景

    HTML设置video为不透明背景的方法:使用loop,autoplay方法,直接插入相关代码[]. 本教程操作环境:windows7系统.html5版,DELL G3电脑,该方法适用于所有品牌电脑. ...

  3. css 设置背景图一半_CSS背景图设置

    一.背景图设置 使用背景图片,设置为全屏 方式1:全部使用background设置 body{ background-image: url(bg.jpg); background-size: 100% ...

  4. css 背景图怎么设置自动填充满_CSS-布局与定位

    首先回顾一下上一篇中的最后效果展示 现在我们继续往后做 首先看一下最终效果图 先来做一个背景图吧 第一步: 下载原图(或者可以自己设置想要的背景图) 在resume文件夹中创建一个新的文件夹img,专 ...

  5. css设置背景颜色/背景图像/背景图像平铺/背景图像位置/背景图像固定显示/综合设置元素背景的方法(学习笔记)

    一.设置背景颜色 在CSS当中,网页元素的背景颜色使用background-color属性来设置,和文本颜色的用法类似. 用法 <style>h2{color:red;backround- ...

  6. css编程设置网页背景,网页中cssbackground背景图和背景颜色的设置方法

    CSS 背景这里指通过CSS对对象设置背景属性,如网页中通过CSS设置背景各种样式. Css background背景作用:设置纯色背景.背景background可以设置对象纯色的背景颜色,设置图为背 ...

  7. 微信封面怎么设置?微信主页面的背景怎么设置

    微信的用户量越来越大,而微信就像是一张的名片,新朋友很多时候都是通过微信认识,既然是这样,那就需要包装微信,第一步就是设置微信的主页面背景,微信封面怎么设置?微信的主页面包括头像.背景和个性签名组成, ...

  8. html设置背景颜色无效,设置背景颜色无效果(第二种实现方式 背景颜色设置不起作用)...

    body{ /* 第一种实现方式 background-color:#C0C0C0; /* 设置背景颜色为黑色 */ background-image:url('PHPCHINA.png');   / ...

  9. CSS(一):CSS概述、CSS引入方式、CSS优先级、CSS代码格式、CSS属性;CSS选择器;尺寸和颜色单位、背景和文本设置

    目录 一.CSS 1.1 CSS概述 1.1.1 定义 1.1.2 特征 1.1.3 组织网页的两种常用方式 1.2 引入CSS的四种方式 1.2.1 Style属性方式(内联样式) 1.2.2 St ...

  10. CSS-Learning | background-image属性如何设置背景图片以及相关背景图片语法

    背景图片 设置背景图片只需设置background-image属性,接受url()函数式表示法,可以使用相对路径,如url(img/cat.jpg).浏览器此时会在保存当前样式表的目录的img子目标中 ...

最新文章

  1. git 代码回滚_git代码版本管理(1)——git版本回滚
  2. 哈密顿图 哈密顿回路 哈密顿通路(Hamilton)
  3. python-图书管理系统3-[代码部分]-需要完善
  4. 【Python】【有趣的模块】【requests】【一】HTTP头信息总结
  5. WINDOWS下,找包含特殊字串的文件的解决办法
  6. 在大米云主机中采用CentOS 6.5 部署Redmine 3.3
  7. Adobe PDF虚拟打印机 如何添加
  8. 谁在追捧《这!就是街舞3》:佛系养生月光族
  9. 2021年新版阿里云服务器价格表(收费标准报价)
  10. 自用frp服务器分享及客户端配置连接教程
  11. iis 程序池设置及详解
  12. 学会忘记其实是一种美德
  13. 三星 android 5.0.2,三星官方ROM Android5.0 Deodex教程
  14. 在传统软件公司十年深恶痛绝的感受
  15. idea 修改项目名称的方法
  16. Wordpress站点使用七牛云对象储存以及CDN加速
  17. 京东商品数据数据爬取
  18. 接口报错500是什么意思_HTTP 500错误是什么意思?
  19. Java的图书商城项目如何添加商品到购物车
  20. R语言eval,parse批量生成变量并赋值

热门文章

  1. 时空本质性差异:两点间的距离不再是直线最短
  2. WICC | 为什么说中国「泛娱乐」出海绕不开这家公司
  3. 如何给C盘扩容?亲测有效
  4. 苹果电脑mp3转gif_用苹果电脑做gif动图的方法终于找到了...
  5. 模糊控制理论理解与综述
  6. 视频转成gif动图怎么操作?仅需三步在线完成视频转gif
  7. ddos应急处理_来看看DDoS攻击应急预案
  8. mysql 2000_sql server 2000 下载
  9. matlab中的矩阵求和
  10. 虎虎生威—新年版本(鼠标超人、烟花、浮动会闪的星星以及闪避值拉满的老虎)