css3对插入背景图片设置比如大小
10 10 2015
CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。 1、多个背景图片 在css3里面,你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法,但引用图片之间需用“,”逗号隔开。第一个图片是定位在元素最上面的背景,后面的背景图片依次在它下面显示,如下: background-image:url(top-image.jpg),url(middle-image.jpg),url(bottom-image.jpg); 2、新属性:Backgroun...
纯CSS实现tooltip提示框,CSS箭头及形状
16 08 2015
本片介绍仅用CSS做出tooltip那样的提示框及箭头等形状!首先介绍一下CSS:after选择器定义和用法:(参考w3school:after选择器):after选择器在被选元素的内容后面插入内容,使用content属性来指定要插入的内容例:自己实际用到呢带边框section.deimges::after{content:'';width:20px;height:20px;position:absolute;border:1pxsolid#cdcdcd;border-top-color:#fff;border-left-color:#fff;left:25px;top:73px;backgr...
今天学了一个CSS定位问题 position:
05 05 2015
absolute 生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。 元素的位置通过"left","top","right"以及"bottom"属性进行规定。 fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过"left","top","right"以及"bottom"属性进行规定。 relative 生成相对定位的元素,相对于其正常位置进行定位。 因此,"left:20"会向元素的LEFT位置添加20像素。 这个是定位到父元素。...