每日总结

今天继续学习的css的背景居中和复合背景样式

CSS 背景分为左右居中和上下居中,背景图像上下居中,可以使用计算上下高度然后平分设置,如上下高度距离为500px,那就设置图片居顶部多少PX可以让图片实现上下居中。

1、如果只设置背景为单一颜色
margin: 0px 0px 1.5em; padding: 0px; color: rgb(51, 51, 51); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px;">2、图片设置为背景简写

background-image :url (http://www.divcss5.com/img201301/divcss5-logo-2013.gif);
background-repeat : no-repeat;background-position : 5px 6px 

  简写为:

background:url (http://www.divcss5.com/img201301/divcss5-logo-2013.gif) no-repeat 5px 6px 

  

1、设置图片作为背景如果图片设置图片在X坐标方向重复,如果再设置图片在对象位置的左或右位置时将无效,可设置在对象上或下位置开始显示。

2、设置图片作为背景如果图片设置图片在Y坐标方向重复,如果再设置图片在对象位置的上或下位置时将无效,可设置图片在对象左或右位置开始显示。

3、如果设置背景完全重复显示,那设置图片在对象上下左右位置开始显示将无线。

网页布局时候我们常常对网页背景设置颜色、背景设置图片,达到我们需要的美观效果,我们实践制作写css background背景尽量从简,图片引入时候注意路径正确,如需定位对象背景。

经典背景复合属性表达式:

.divcss5{background:#FFF url (http://www.divcss5.com/img201301/divcss5-logo-2013.gif) no-repeat 5px 6px} 

  

posted @ 2021-04-11 20:43  墨夕相拥★  阅读(26)  评论(0编辑  收藏  举报