網頁程式設計
基礎入門教學

用CSS製作特殊圖形[四](等等)

使用純CSS製作一些特殊的圖案語法,HTML 語法簡單結構如下使用:

<!doctype html>
<html>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
<head>
<style>
這裡加入 CSS代碼

</style>

</head>
<body>
這裡加入 顯示 CSS之 div 語法
</body>
</html>

有些CSS語法是CSS3,因此請多加入
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
這行,此行是為 IE 所增加,如此火狐、Chrome、IE三大瀏覽器皆可正常瀏覽囉!

八角星形:

<div id="burst-8"></div>

十二角星形:

<div id="burst-12"></div>

鑽石:

<div id="cut-diamond"></div>

太極圖:

<div id="yin-yang"></div>

徽章緞帶:

<div id="badge-ribbon"></div>

太空入侵者:

<div id="space-invader"></div>

電視顯示器:

<div id="tv"></div>

雪佛龍標誌:

<div id="chevron"></div>

讚(0)

評論 搶沙發

  • 暱稱 (必填)
  • Email (必填)
  • 網址