css怎样让div的背景居中

 时间:2024-11-08 08:36:39

在css中,在background属性中使用center,便可以实现背景图片居中。蛴蛩钔淞下面小编举例讲解css怎样让div的背景居中。

css怎样让div的背景居中

工具/原料

html+css

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解css怎样让div的背景居中。

css怎样让div的背景居中

2、在test.html文件内,使用div标签创建一个模块,用于测试。

css怎样让div的背景居中

3、在test.html文件内,给div标签添加一个class属性,用于样式的设置。

css怎样让div的背景居中

4、在css标签内,通过class属性设置div的样式,定义其高度为400px,宽度为400px,边框为1px。

css怎样让div的背景居中

5、在css标签内,再使用background定义div的背景图片为2.jpg,并使用罕铞泱殳center让背景图片居中。

css怎样让div的背景居中

6、在浏览器打开test.html文件,查看实现的效果。

css怎样让div的背景居中

前端编程-用浏览器自带的取色功能快速拾取颜色 如何用jsp实现最简单的购物车删除 图解运行和调试ASP.NET Core Web 应用程序 css3实现栏目(横向,纵向排列,)三等平均分配 两种纯html+css3实现六边形
热门搜索
女装正太动漫 红珊瑚图片 狗的简笔画图片大全 日本工口动漫 bl动漫网