2016年12月20日
css3 绘制图形
摘要： 星形： 五角星： 五边形： 六边形： 八边形： 心形： 梯形： 阅读全文
posted @ 2016-12-20 23:24 Koidt 阅读(260) 评论(0) 推荐(0)
css3绘制六边形
摘要： 六边形思路：使用CSS3绘制六边形主要使用伪类:before和:after在源元素之前和之后再绘制两个元素，并利用css3的边框样式，将这两个元素变成三角形放置在源元素的两端即可。 阅读全文
posted @ 2016-12-20 22:23 Koidt 阅读(5058) 评论(0) 推荐(0)
border-radius 圆角
摘要： border-radius:3px; 参数的单位可以使绝对的像素px，也可以用相对单位%; 参数顺序是左上角，右上角，右下角，左下角. 圆角： 不同设置： 过渡效果： 阅读全文
posted @ 2016-12-20 21:02 Koidt 阅读(234) 评论(0) 推荐(0)
css3绘制三角形
摘要： 将div的宽和高设置为0；利用border-width、border-style、border-color属性绘制不同位置边框的样式。将不需要展示的三角颜色填充为transparent透明即可，就能得到某一部分三角。 （左下） （左上） （右上） （右下） 阅读全文
posted @ 2016-12-20 16:45 Koidt 阅读(394) 评论(0) 推荐(0)