css如何给div设置背景图

 时间:2024-10-12 09:27:16

1、打开编辑其,在编辑器里新建background.html,用来学习今天的内容

css如何给div设置背景图

3、在css标签里,给test设置宽200px,高200px,粗细为1px的黑色边框线以及居中显示

css如何给div设置背景图

5、回到编辑器,给test加上ba罕铞泱殳ckground: url(04.jpg)属性,此属性是给div设置背景图。

css如何给div设置背景图

7、此处贴一下代码,便于参考:<!DOCTYPE html><挢旗扦渌;html> <head> 艘早祓胂 <meta charset="utf-8"> <title>css如何给div设置背景图</title> </head> <style> .test{ width: 200px; height: 200px; border: 1px solid #000; margin: 0 auto; background: url(04.jpg); } </style> <body> <div class="test"></div> </body></html>

  • 怎么让div居中
  • div之间的间距怎么控制
  • 如何让图片在div中居中显示
  • 怎样让html中的文字垂直水平居中显示
  • CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!
  • 热门搜索
    临汾旅游景点大全 温州旅游网 西安旅游景点门票 湖北的旅游景点 苏州三山岛旅游攻略 大陈岛旅游 全国旅游路线图 防城港旅游景点大全 大连 旅游 著名旅游景点