zoukankan      html  css  js  c++  java
  • css3背景属性

    (一)背景属性

    1)Background-origin 背景原点(背景的起始点yoush)Background-origin 背景原点(背景的起始点you)Background-origin 背景原点(背景的起始点yoush)Background-origin 背景原点(背景的起始点1)Background-origin 背景原点(背景的起始点yoush)Background-origin 背景原点(背景的起始点you)Background-origin 背景原点(背景的起始点yoush)Background-origin 背景原点(背景的起始点)
    	属性值
    		padding-box	背景图像填充框的相对位置(默认值)
    		border-box	背景图像边界框的相对位置
    		content-box	背景图像的相对位置的内容框
    2)Background-clip 背景裁切(背景显示的区域)
    	属性值
    		border-box	背景被裁剪到边框盒。(默认值)
    		padding-box	背景被裁剪到内边距框。
    		content-box	背景被裁剪到内容框。
    3)Background-size 背景图的大小
    	属性值  :  宽       高 
    			  10px    10px
    			  100%    100%
    		cover
    			把背景图像扩展至足够大,以使背景图像完全覆盖背景区域(宽高等比扩展)
    		contain
    			宽高比例不变,当背景的宽或高达到最大尺寸时停止。
    4)多背景图的设置
            多背景图的设置:background:url(),url()
            以逗号隔开,不能与背景颜色一起简写
    

    (二)图片边框

    图片边框
    	border-image 属性是一个简写属性,用于设置以下属性:
    		border-image-source	路径。
    		border-image-slice	图片边框向内偏移(不加单位)。
    		border-image-repeat	图像边框是否应平铺(repeat)、铺满(round)或拉伸(stretch)
    		border-image-outset	边框图像区域超出边框的量(值是一个倍数)
    
    (三)CSS圆角
    border-radius:
    				一个值:四周
    				二个值:左上&右下   右上&左下
    				三个值:左上  右上&左下  右下
    				四个值:左上  右上  右下  左下
    				八个值:水平/垂直(先写水平位置,再写垂直位置,顺序和四个值时相同)
    
    请用今天的努力,让明天没有遗憾。
  • 相关阅读:
    ajax学习之1-经典登陆验证
    jquery学习之1.22-小练习5-实现添加页面上填写信息到当前页面表格中
    jquery学习之1.21-小练习4实现对复选框的全选,全不选,反选
    生活小感想3
    jquery学习之1.20-获取同辈元素和子元素
    jquery学习之1.19-小练习3-输入用户名密码时焦点触发和失去焦点
    jquery学习之1.17-小练习2-左右选项框内容移动
    jquery学习之1.16-替换节点
    Ioc-Autofac实现自动的注入
    Ioc-Autofac的使用
  • 原文地址:https://www.cnblogs.com/cupid10/p/12694969.html
Copyright © 2011-2022 走看看