用HTML5 CSS3畫乙個簡易的機器貓頭像

2021-10-09 12:00:13 字數 716 閱讀 7027

布局使用了絕對定位、相對定位以及浮動,鼻子使用了背景影象漸變的效果, 笑臉的嘴巴使用橢圓的下邊框實現,鬍鬚部分的細節處理得還是不夠好。

.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的標準模...