best web hosting
by eleven2. use the promo code: 30off for 30% off any package!
via ad packs
the shapes of css
all of the below use only a single html element. any kind of css goes, as long as it's supported in at least one browser.
square
#square
rectangle
#rectangle
circle
#circle
/* cleaner, but slightly less support: use "50%" as value */
oval
#oval
/* cleaner, but slightly less support: use "50%" as value */
******** up
#********-up
******** down
#********-down
******** left
#********-left
******** right
#********-right
******** top left
#********-topleft
******** top right
#********-topright
******** bottom left
#********-bottomleft
******** bottom right
#********-bottomright
curved tail arrow via ando razafimandimby
#curvedarrow
#curvedarrow:after
trapezoid
#trapezoid
parallelogram
#parallelogram
trapezoid
#trapezoid
star (6-points)
#star-six
#star-six:after
star (5-points) via kit macallister
#star-five
#star-five:before
#star-five:after
pentagon
#pentagon
#pentagon:before
hexagon
#hexagon
#hexagon:before
#hexagon:after
octagon
#octagon
#octagon:before
#octagon:after
heart via nicolas gallagher
#heart
#heart:before,
#heart:after
#heart:after
infinity via nicolas gallagher
#infinity
#infinity:before,
#infinity:after
#infinity:after
diamond square via joseph silber
#diamond
#diamond:after
diamond shield via joseph silber
#diamond-shield
#diamond-shield:after
diamond narrow via joseph silber
#diamond-narrow
#diamond-narrow:after
cut diamond via alexander futekov
#cut-diamond
#cut-diamond:after
egg#egg
pac-man
#pacman
talk bubble
#talkbubble
#talkbubble:before
12 point burst via alan johnson
#burst-12
#burst-12:before, #burst-12:after
#burst-12:before
#burst-12:after
8 point burst via alan johnson
#burst-8
#burst-8:before
yin yang via alexander futekov
#yin-yang
#yin-yang:before
#yin-yang:after
badge ribbon via catalin rosu
#badge-ribbon
#badge-ribbon:before,
#badge-ribbon:after
#badge-ribbon:after
js方法區分IE瀏覽器和非IE瀏覽器
可以從ie特有的方法和非ie特有的方法來區分不同的瀏覽器 1.為元素新增事件監聽 非ie addeventlistener click show,false 第三個引數為事件流,true為事件捕獲,false為事件冒泡 ie attachevent onclick show 2.為元素移除事件監聽 ...
js方法區分IE瀏覽器和非IE瀏覽器
可以從ie特有的方法和非ie特有的方法來區分不同的瀏覽器 1.為元素新增事件監聽 非ie addeventlistener click show,false 第三個引數為事件流,true為事件捕獲,false為事件冒泡 ie attachevent onclick show 2.為元素移除事件監聽 ...
IE瀏覽器和CSS盒模型
下面是一幅關於應用了css的元素是如何顯示它的尺寸的圖示。在本篇文章中,所有的瀏覽器在計算盒模型總寬度時處理margin屬性的方式都是一致的,所以我們將更多的精力放在padding和border屬性上。首先看一下 the w3c box model 這裡所寫出的標準,如果沒問題的話,是應該被所有標準...