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改变当时不生效;需要“改写代码后+清除缓存+刷新”才能生效,
    
  • 相关阅读:
    ffmpeg处理视频与声音
    吸引力
    bzoj 2752: [HAOI2012]高速公路(road)
    bzoj 3653 [湖南集训]谈笑风生
    bzoj 3143: [Hnoi2013]游走
    16,docker入门
    15.9,python操作redis集群
    15.8,redis-cluster配置
    15.7,哨兵集群
    15.6,redis主从同步
  • 原文地址:https://www.cnblogs.com/du1991/p/8430145.html
Copyright © 2011-2022 走看看