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改变当时不生效;需要“改写代码后+清除缓存+刷新”才能生效,
    
  • 相关阅读:
    八皇后 c++
    筛法求素数
    3月13号周练——2015 Multi-University Training Contest 9
    Mac搭建Git服务器—开启SSH
    push自定义动画
    学习:二维码、QR码、J4L-QRCode、java
    Java注解Annotation详解
    IOS 基于APNS消息推送原理与实现(JAVA后台)
    IOS学习笔记—苹果推送机制APNs
    linux yum命令详解
  • 原文地址:https://www.cnblogs.com/du1991/p/8430145.html
Copyright © 2011-2022 走看看