说明:这是在网页中插入一副图像度,能调整图像大小,能拉伸图像,问但是答不能平铺图像,图像要占用页面的空间的,一般情" />

<small id='xv0gxeun'></small><noframes id='lid0red5'>

    <tfoot id='qbnp0wrd'></tfoot>
    您的位置:荆州电脑信息网 > 设置问题 > 用html怎样设置背景图片

    用html怎样设置背景图片

    作者:电脑信息网日期:

    返回目录:设置问题


    两种方法:
    html:
    <img src="xxx.jpg" width="100px" height="100px" />
    说明:这是在网页中插入一副图像,能调整图像大小,能拉伸图像,但是不能平铺图像,图像要占用页面的空间的,一般情况下,文字不能在这样的图像上面。
    css:
    #yourID
    {
    background-image:url('xxx/xxx.jpg');
    }
    说明:这是背景图像,能平铺,但不能调整大小。不会占用页面空间,文字可在其上。

    这两种看你的需要选择。

    另外,像楼上的回答:<body background = "图片的路径">,这样做已经过时,不应该提倡。要知道,HTML只管呈现内容,CSS只管页面布局和修饰。


    1、首先将网页文件和需要到的图片放到同一个文件中。

    2、在文件夹中,鼠标右键单击空白处选择打开“文本文档”。

    3、然后打开文本文档,点击输入下方的代码:

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8"><!--编码类型-->

    <title>网页标题</title><!--网页标题-->

    </head>

    <body>

    4、然后点击打开左上角文件中的“另存为”,重命名新建文本文档为index.html,回车确定。

    5、然后选择想要的背景图片。

    6、点击index.html,右键浏览器打开预览效果。

    7、然后就完成了。 



    在HTML当中设置背景图片。使用CSS技术。比如:

    <style>
        .con {
            background: url("图片路径zd") 0 0 no-repeat;
        }
    </style>
    <div class="con">内容</div>

    关于路径方面的知识,详见:网页链接

    如果是初学HTML与CSS,建议选择一本比较不错的书籍,比如《HTML5布局之路》,更有利于对HTML5开发的入门。

  • <tfoot id='bw93ig0l'></tfoot>

    <small id='iv3j7qec'></small><noframes id='xwphld8d'>

        <tbody id='l88hyk96'></tbody>

      相关阅读

      • 用html怎样设置背景图片

      • 电脑信息网设置问题
      • 两种方法:html:说明:这是在网页中插入一副图像度,能调整图像大小,能拉伸图像,问但是答不能平铺图像,图像要占用页面的空间的,一般情
      关键词不能为空

      标签导航

      怎么设置固态硬盘为第一启动盘 怎么把固态硬盘设置为第一启动系统 win10电脑老是自动关机怎么回事 win10总是自动关机怎么办 win10最近频繁自动关机,怎么解决 windows10系统总自动关机该怎么办 小米笔记本怎么从win10系统装回win7系统 小米笔记本64位win10能换win7系统吗? 小米笔记本 win10改win7的话会怎么样 电脑预装的win10改成win7的话会锁硬盘? htmL中怎么插入背景图片?如何设置背景图片大小? 在html静态网页中如何插入背景图片,急需!!! html表单如何添加背景图片 html网页制作中如何设置背景图片(如何引用) Win10怎么关闭桌面弹窗广告 怎么禁止弹窗广告 win10怎样阻止应用广告弹窗 win10怎样关闭弹出广告窗口 Win10如何拦截桌面弹窗广告?流氓软件怎么彻底清除 win7 usb无法识别XBOX360手柄,请问有什么解决的... xbox360有线手柄连接WIN7系统PC显示无法安装 刚换的电脑,为什么插上有线的xbox360手柄貌似无法识别,... 为什么我的Xbox360有线手柄无法被识别,驱动我装了,但是... 华为手机怎么样 手机屏下边的三个操作键怎么让它消失 华为手机下面三个键如何设置? 华为手机下面三个键如何设置位置顺序 华为手机下面的三个键怎么没了 win10在此处打开命令窗口 菜单不见了怎么办 windows 10 右键 怎样设置 shift+ 右键“在... win10 64位如何按住shift右键空白处来在此处打CM... win10如何在此处打开命令行 有大神知道怎么把小米笔记本系统降级到win7吗 小米笔记本可不可以刷windows7 小米笔记本win10系统 怎样刷回win7? photoshop默认的色彩模式是什么模式 Photoshop颜色设置中存储改变了怎么恢复默认? PS的默认选色不小心被设置成背景色-怎么设置回来 ps的颜色配置设置是什么 win 10 系统的电脑无法识别机械硬盘要怎么办? win10无法识别机械硬盘了怎么办 win10机械硬盘错误无法识别怎么办 Win10新增机械硬盘无法识别怎么办 华硕笔记本,原来的win8系统,我装了win7后无限重启,怎... 关闭secure boot影响自带系统吗 我电脑是预装Win8 想装win7双系统,网上说要装就得把s... 我的电脑预装win8,直接装win7报错,第一次开机正常,关... 犀牛如何设置快捷键???? 怎样编辑RHINO的快捷键 如何添加rhino中键快捷键 犀牛能像3dmax 那样设置快捷键吗? 如何恢复win10默认的新的开始菜单 windows10开始菜单怎么恢复 win10怎么恢复原来的开始菜单 win10开始菜单怎么恢复传统

      电脑蓝屏,win7,win10相关问题_荆州电脑信息网