今天看到一篇不错文章，在原来CSS3图形创建基础上扩展了很多。 这里记录总结下 心形 原理：利用 圆形 和 正方形实现 HTML： CSS： 气泡三角形 原理：利用 border 的 transparent 特性实现 HTML ...

一个三角形 　　结果如下图所示： 将下边框的长度设置为0，实现一个最小空间的三角形 ...

方法一：border 先看看四边 border 颜色不同且不透明时的效果： 以上 rect1、rect3、rect4 个 div 的区别在于 width 和 height 的大小，而 rect2 的 4 边 border-width 值各不相同。 哈哈，三角形和梯形 ...

通过上一篇文章大家应该都知道border的本质了吧，不清楚的同学可以去看一下这篇博文 http://www.cnblogs.com/nini-huai/p/5917368.html 下来我们说一下怎么实现各种三角形吧，先来说一下我自己的思路 大家先看这张图片 看过上一篇文章的应该都不 ...

...

css实现圆角三角形例子(无图片) 以前我们做圆角时都会要用到图片来实现，今天我给大家整理的这款css圆角效果是不需要图片的纯css实现的哦，下面我们一起来看看吧。 效果如下图所示 三角形所对方向"width: 0"， 反向为三角形高度(20)"border-width ...

用css画矩形圆角 ，需要使用到border-radius这个属性，下图四角圆，代码显示如下：border-radius:60px; width:360px; height:200px; border:#900 1px solid;margin:20px 20px; 也可以通过控制 ...

<style> #talkbubble { width: 120px; height: 80px; position: relative; -moz-b ...