zoukankan      html  css  js  c++  java
  • 18_2_8 CSS中background和border的注意事项

    background

    background-color规定要使用的背景颜色。
    background-position规定背景图像的位置。
    background-size规定背景图片的尺寸。
    background-repeat规定如何重复背景图像。
    background-origin规定背景图片的定位区域。
    background-clip规定背景的绘制区域。
    background-attachment规定背景图像是否固定或者随着页面的其余部分滚动。
    background-image规定要使用的背景图像。
    
    background: #ff0000 url(/i/eg_bg_03.gif) no-repeat  50% 50% fixed;
    第一个参数是背景颜色,第二个参数背景图片,第三个参数是否平铺(repeat-x,横向平铺;repeat-y,纵向平铺),第四个参数距左边距离可以用像素(20px,一定要带单位);第五个参数是距上距离可以用像素(20px,一定要带单位);第六个参数是背景图片固定还是随着滚动条滚动。
    
    注意:background-size是单独出来的,eg:background-size:100%;可以让背景图片平铺背景,但是要注意图片大小,避免被过度拉伸失真;background:cover,contain......
    
    

    border

    border:1px solid red ;
    border-top:
    border-bottom:
    有的时候在浏览器F12改变当时不生效;需要“改写代码后+清除缓存+刷新”才能生效,
    
  • 相关阅读:
    这个三月不太美丽
    于宇鸿燕百年好合(帮客户名字作诗,祝新婚快乐)
    桃花好运盼君来
    浊水解渴
    聂晶好美(帮客户名字作诗)
    杨晓芳(帮客户名字作诗)
    有你就好
    重回洛带
    我想和你在一起
    再登长城
  • 原文地址:https://www.cnblogs.com/du1991/p/8430145.html
Copyright © 2011-2022 走看看