追求极致--纯css制作三角、圆形按钮，兼容ie6

shevy 发布于2019-08-28 17:52 / 941人阅读

摘要：参考了天猫微博等网站的做法，用纯和实现，效果还是不错的。宋体三角形圆形提示盒子用做的提示盒子，上三角是纯，盒子圆角用到用做的提示盒子，上三角是纯，盒子圆角用到

参考了天猫、微博等网站的做法，用纯html和css实现，效果还是不错的。
以下是成果，兼容主流浏览器，包括ie6。























•






用css做的提示盒子，上三角是纯css，盒子圆角用到css3







用css做的提示盒子，上三角是纯css，盒子圆角用到css3

云服务器 GPU云服务器 IE6兼容兼容IE6 ie6兼容性解决ie6不兼容

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/110859.html

CSS三角的写法（兼容IE6）

摘要：而且如果上面没有块元素的时候，是从内联元素的内容开始算起的，所以上面的就会到浏览器可视区域的上面。目录简介优点原理 1. 先创建一个div 2. 然后给div设定边框。 3. 给div的四个边框都设置不同的颜色 4. 把宽度和高度都变成0 5. 其余角为透明 6. 兼容IE6浏览器造成这样的原因是：最简单的解决办法：(后面添加) 其他的解决办法： 7. 解决...

LeexMuller 2019-08-23 12:58 评论0 收藏0
CSS三角的写法（兼容IE6）

摘要：而且如果上面没有块元素的时候，是从内联元素的内容开始算起的，所以上面的就会到浏览器可视区域的上面。目录简介优点原理 1. 先创建一个div 2. 然后给div设定边框。 3. 给div的四个边框都设置不同的颜色 4. 把宽度和高度都变成0 5. 其余角为透明 6. 兼容IE6浏览器造成这样的原因是：最简单的解决办法：(后面添加) 其他的解决办法： 7. 解决...

zhisheng 2019-08-02 11:56 评论0 收藏0
CSS三角的写法（兼容IE6）

摘要：而且如果上面没有块元素的时候，是从内联元素的内容开始算起的，所以上面的就会到浏览器可视区域的上面。目录简介优点原理 1. 先创建一个div 2. 然后给div设定边框。 3. 给div的四个边框都设置不同的颜色 4. 把宽度和高度都变成0 5. 其余角为透明 6. 兼容IE6浏览器造成这样的原因是：最简单的解决办法：(后面添加) 其他的解决办法： 7. 解决...

LMou 2019-08-29 17:13 评论0 收藏0
SegmentFault 技术周刊 Vol.38 - 神奇的 CSS

摘要：层叠即表示允许以多种方式来描述样式，一个元素可以被渲染呈现出多种样式。可以让属性的变化过程持续一段时间，而不是立即生效。比如，将元素的颜色从白色改为黑色，通常这个改变是立即生效的，使用后，将按一个曲线速率变化。 showImg(https://segmentfault.com/img/bVZwyL?w=900&h=385); CSS 的全称是 Cascading Style Sheet...

elliott_hu 2019-08-29 13:56 评论0 收藏0