• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    css为图片设置背景图片
    CSS的功能是非常强大的,对于元素的表现以及页面的布局,都提供了非常强大的功能,这主要在于我们灵活的运行,在这方面提供了丰富且富含价值的各种教程与信息。对于图片的使用,其实更多的是在内容层。根据WEB标准的思路,表现层的图片,已经都被分离到CSS中去了。只有作为内容的图片才能以IMG标签插入在页面中,这也是一直强调的语义。

      为图片设置背景图片,是一个非常搞的实例。这句话或许就感觉有点好玩。我们为以IMG标签引入页面的图片设置背景图片。这样的应用范围或许并不大,但可以锻炼你的思路,让你理解元素在HTML与CSS中的意义与灵活性。
    我们看下面的代码。

      img scr="jb51.jpg" />
      这是以img标签将图片引入到页面中。

      我们再编写CSS。


    img {
    display:block;
    width:443px;
    height:60px;
    padding-bottom:10px;
    background:url(jb52bg.jpg) no-repeat left bottom;
    }
      将img元素转换为块元素,设置宽和高。设置下侧的内边距为10px。为背景图片显示出来预留一定的空间。最后定义背景图片即可。
       由此小实例,可以看出CSS的灵活和强大的功能。
    上一篇:WEB标准网页布局中尽量不要使用的HTML标签
    下一篇:ASP、PHP与javascript根据时段自动切换CSS皮肤的代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    css为图片设置背景图片 css,为,图片,设置,背景图片,