苏北网
当前位置:首页>关注 > 民生 >

【聚看点】css图片居中怎么设置 css怎么给div加背景图片?

时间 2023-06-09 08:06:53 来源:科极网  

css图片居中怎么设置 css怎么给div加背景图片?

1、使用“background-position:图片宽度的一半 高度的一半;”语句;

2、使用“background-position:50%”语句;

3、使用“background-position:center;”语句。

css怎么给div加背景图片?

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

在body标签里,新建一个名为test的div

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

在浏览器中打开background.html,看下目前的效果

回到编辑器,给test加上background: url(04.jpg)属,此属是给div设置背景图。

再次在浏览器中打开background.html,看下最终的效果。

此处贴一下代码,便于参考:

 

 

.test{

 

width: 200px;

 

height: 200px;

 

border: 1px solid #000;

 

margin: 0 auto;

 

background: url(04.jpg);

 

}

 

 

标签: css图片居中怎么设置 css如何设置水平

相关阅读RELEVANT

  • 版权及免责声明:

内容搜集整理于网络,不代表本站同意文章中的说法或者描述。文中陈述文字和内容未经本站证实,其全部或者部分内容、文字的真实性、完整性、及时性本站不做任何保证或者承诺,并且本站对内容资料不承担任何法律责任,请读者自行甄别。如因文章内容、版权和其他问题侵犯了您的合法权益请联系邮箱:5 146 761 13 @qq.com 进行删除处理,谢谢合作!