布局使用了絕對定位、相對定位以及浮動，鼻子使用了背景影象漸變的效果， 笑臉的嘴巴使用橢圓的下邊框實現，鬍鬚部分的細節處理得還是不夠好。
.cat:hover
.cat
.faceblue
.facewhite
.eyeleft,
.eyeright
.eyeright
.dotleft,
.dotright
.dotright
.nose
.line
.smile
.beard
.beard>div
.beard1,
.beard2,
.beard3
.beard1,
.last .beard1
.beard3,
.last .beard3
.last
.last .beard3
.last .beard1
HTML5 CSS3構建簡易的表單
瀏覽網頁的時候，表單差不多是最常見的形式之一了。對於某些不自動儲存賬戶和密碼的 來說，天天都要給表單敲賬戶密碼。今天記錄一下乙個簡單的表單怎麼製作。製作後的效果圖如下 效果如下圖所示 這裡注意使用了屬性選擇器input type text 這表明選中了輸入文字型的輸入框。同理可以總結出 input ...
css 使用css3畫乙個扇形
四個半圓疊加，過半調整 z index container div fan 1,fan 3 fan 2,fan 4 fan 1,fan 2 fan 3,fan 4 fan 4 fan 2 fan 3 keyframes zindex 50 50.000001 to keyframes rotate ...
菜鳥學習HTML5 CSS3（一）
主要內容 1.新的文件型別宣告 dtd 2.新增的html5標籤 3.刪除的html標籤 4.重新定義的html標籤 一 新的文件型別宣告 dtd html 5的dtd宣告為 等也是正確的，因為html語法是不區分大小寫的。在編寫html5文件時，要求指定文件型別，以確保瀏覽器能在html5的標準模...