2016 年 12月 20 日随笔档案 - Koidt

摘要：星形：五角星：五边形：六边形：八边形：心形：梯形：阅读全文

posted @ 2016-12-20 23:24 Koidt 阅读(255) 评论(0) 推荐(0) 编辑

摘要：六边形思路：使用CSS3绘制六边形主要使用伪类:before和:after在源元素之前和之后再绘制两个元素，并利用css3的边框样式，将这两个元素变成三角形放置在源元素的两端即可。阅读全文

posted @ 2016-12-20 22:23 Koidt 阅读(5013) 评论(0) 推荐(0) 编辑

摘要： border-radius:3px; 参数的单位可以使绝对的像素px，也可以用相对单位%; 参数顺序是左上角，右上角，右下角，左下角. 圆角：不同设置：过渡效果：阅读全文

posted @ 2016-12-20 21:02 Koidt 阅读(219) 评论(0) 推荐(0) 编辑

摘要：将div的宽和高设置为0；利用border-width、border-style、border-color属性绘制不同位置边框的样式。将不需要展示的三角颜色填充为transparent透明即可，就能得到某一部分三角。（左下）（左上）（右上）（右下）阅读全文

posted @ 2016-12-20 16:45 Koidt 阅读(387) 评论(0) 推荐(0) 编辑

coldfishdt