您的位置:首页 > Web前端 > CSS

分享一些关于CSS绘制特殊形状和一些其他小技巧

2017-03-16 22:55 267 查看
1. 下列代码可以在页面中作出一个三角形



2.  css绘制梯形的代码



3. css绘制圆形的代码

 


4.   下面代码可以让P标签(其他标签页可以)中的文字不换行,自动变省略号(注意一定要一起写)

   .


5. 可以让文字强制换行;

 


6.opaciy设置半透明,filter兼容ie6.PNG ; 也可以用rgba()属性设置透明



7.  清除浮动有很多方法,例如给父元素设置宽高,或者用over-flow:hidden,也可以用伪元素清除浮动,如下图代码(最好是都写上)



8. 给标签添加上类似a标签小手点击的效果的小属性



9. CSS3中的一个很好用的属性,给元素设置padding值后,不用重新改宽高,用下面的代码就能很轻松解决元素宽高改变的问题



 还有很多很多比较实用的小属性,以后慢慢给大家介绍啦~!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息