html常用属性综合体

标签：不重复   方向   ack   部分   bsp   右上角   repeat   round   图片   

clip:rect(20px 100px 50px 20px); 

clip属性中的rect，clip:rect(y1 x2 y2 x1)参数说明如下： 

y1=定位的y坐标(垂直方向)的起点 

x1=定位的x坐标(水平方向)的起点 

y2=定位的y坐标(垂直方向)的终点 

x2=定位的x坐标(水平方向)的终点 

background:transparent url(123.jpg) no-repeat scroll -140px -20px; 

transparent表示透明无颜色 

url(123.jpg) 表示背景图片 

no-repeat 表示图片不重复 

scroll 表示背景图片随浏览器下拉而滚动 

-140px 表示水平位置在图片的-140px处（以图片的右上角为0,0） 

-20px 表示垂直位置在图片的-20px处（以图片的右上角为0,0） 

以上两种的用法主要作用于隐藏自身部分，而达到了截取自身所需的显示范围

 border-top:15px solid transparent;

 border-bottom:15px solid transparent;

 border-right:25px solid blue;

15px表示边框线的粗糙度

solid表示边框线的类型，solid是实线，dashed是虚线

transparent表示透明

blue表示背影颜色

主要用途于带三角形边框

html常用属性综合体

标签：不重复   方向   ack   部分   bsp   右上角   repeat   round   图片   

原文地址：http://www.cnblogs.com/chenrenshui/p/5995358.html