可以用CSS可以做到但是CSS3在IE9以下的瀏覽器支持不好我寫(xiě)個(gè)例子，先看效果火狐下代碼lt！DOCTYPE html CSS3 多邊形pxsbx width 100px height 60px webkittransform skew20deg。

可以用旋轉(zhuǎn)來(lái)做，不知道是不是最簡(jiǎn)單的，但是代碼給你 transform rotate30deg旋轉(zhuǎn)到你要的角度，然后單邊給border就行了。

最內(nèi)層的div3裁剪一半然后旋轉(zhuǎn)需要的角度， 父級(jí)div2裁剪一半，此時(shí)已經(jīng)裁剪出來(lái)了那個(gè)扇形了 最后在上面加個(gè)圓形遮蓋層 css代碼div1， rightdiv2， rightdiv3， leftdiv2， leftdiv3 width200px heigh。

用來(lái)顯示一個(gè)圖標(biāo)pbefore contentquot臺(tái)詞quot我是唐老鴨正常的這個(gè)應(yīng)該顯示為“我是唐老鴨”，但是應(yīng)用了上面的樣式以后它顯示的是“臺(tái)詞我是唐老鴨”注與此對(duì)應(yīng)的還有after。

1制作發(fā)光邊框文本框效果然后我們要讓這個(gè)input組件在被成為焦點(diǎn)點(diǎn)擊時(shí)向四周發(fā)光，顯示為藍(lán)色，我只需添加一段CSS代碼sdwfocustransitionborder linear 2s，boxshadow linear 5smoztransitionborder linear。

backgroundsizeauto 100%補(bǔ)充說(shuō)明backgroundsize屬于css3，只有支持css3的瀏覽器才有效電腦Computer是一種利用電子學(xué)原理根據(jù)一系列指令來(lái)對(duì)數(shù)據(jù)進(jìn)行處理的機(jī)器電腦可以分為兩部分軟件系統(tǒng)和硬件系統(tǒng)第一臺(tái)。

msinputplaceholder * IE瀏覽器 * 注1冒號(hào)前寫(xiě)對(duì)應(yīng)的input或textarea元素等注2placeholder屬性是css3中新增加的屬性，IE9和Opera12以下版本的CSS選擇器均不支持占位文本egcss代碼 inputtest colo。