可以用CSS可以做到但是CSS3在IE9以下的浏览器支持不好我写个例子，先看效果火狐下代码lt！DOCTYPE html CSS3 多边形pxsbx width 100px height 60px webkittransform skew20deg。

可以用旋转来做，不知道是不是最简单的，但是代码给你 transform rotate30deg旋转到你要的角度，然后单边给border就行了。

最内层的div3裁剪一半然后旋转需要的角度， 父级div2裁剪一半，此时已经裁剪出来了那个扇形了 最后在上面加个圆形遮盖层 css代码div1， rightdiv2， rightdiv3， leftdiv2， leftdiv3 width200px heigh。

用来显示一个图标pbefore contentquot台词quot我是唐老鸭正常的这个应该显示为“我是唐老鸭”，但是应用了上面的样式以后它显示的是“台词我是唐老鸭”注与此对应的还有after。

1制作发光边框文本框效果然后我们要让这个input组件在被成为焦点点击时向四周发光，显示为蓝色，我只需添加一段CSS代码sdwfocustransitionborder linear 2s，boxshadow linear 5smoztransitionborder linear。

backgroundsizeauto 100%补充说明backgroundsize属于css3，只有支持css3的浏览器才有效电脑Computer是一种利用电子学原理根据一系列指令来对数据进行处理的机器电脑可以分为两部分软件系统和硬件系统第一台。

msinputplaceholder * IE浏览器 * 注1冒号前写对应的input或textarea元素等注2placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占位文本egcss代码 inputtest colo。