zoukankan      html  css  js  c++  java
  • 每日总结

    今天继续学习的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} 
    

      

  • 相关阅读:
    204. 计数质数
    面试题 16.06. 最小差
    8. ubantu系统相关
    7. 理论
    6. 图像处理
    5.git
    4.Torch量化
    3.Torch优化工具
    2.DB算法及代码问题分析
    1. 显卡相关问题
  • 原文地址:https://www.cnblogs.com/wrljzb/p/14910130.html
Copyright © 2011-2022 走看看