整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          IT兄弟連 HTML5教程 HTML5文字版面和編輯標簽 HTML框架結構

          使用HTML框架結構可以把一個瀏覽器窗口劃分為若干個小窗口,每個窗口可以顯示不同的URL網頁,每個框架里的網頁相互獨立。這樣不僅可以非常方便地在瀏覽器中同時瀏覽不同的頁面效果,而且可以非常方便地完成導航工作。如果所有的框架標記要放在一個HTML文檔中,這個HTML頁面的文檔體標簽<body>被框架集標簽<frameset>取代,然后通過<frameset>的子窗口標簽<frame>定義每一個子窗口和子窗口的頁面屬性,子窗口的排列遵循從左到右、從上到下的次序規則。

          大家用CSS寫一個極簡風格的小鍵盤,和之前做擬態風格按鈕的思路是一樣的,都是通過多層陰影疊加起來形成這種立體感。元素非常簡單,現在寫了一些基本的樣式,其它樣式重新來寫。

          ·現在是一個帶有圓角和漸變色的小方塊,就這樣子在這里。接下來把它的陰影一層一層的畫出來,繼續。現在疊加了右下角的這塊陰影,看起來就有一種懸浮的感覺了。

          ·接下來寫個偽元素,通過定位配合一下inset,把它的盒子大小撐開,同樣也是給個漸變顏色,再加一點圓角來看一下。

          ·接下來寫偽元素的陰影,這一層也是比較淡的,在右下角的一層陰影來看一下,沒有問題,右下角這些地方加了一層。

          ·接下來給偽元素的上邊、下邊和左邊都加一點邊框,看起來更加有質感一點。這里放大給大家看,加了一點邊框,這三個方向都加了。

          ·接下來再給外面span加兩層內陰影,現在這個是加在右邊了,刷新沒有問題,相當于在這個按鍵的底部又加了一層,這樣這個按鍵的樣式就寫好了。

          ·接下來就多寫幾個按鍵,都是套用這個樣式,再把上面的字母寫上去就可以了。C這個字母出來了,剩下幾個都是一樣的,直接寫出來,沒問題。

          ·在CSS這里換一下行,再來個空格鍵,最后一個讓它的寬度撐滿。

          這個視頻就到這里,感謝大家的收看。


          主站蜘蛛池模板: 久久综合一区二区无码 | 日韩精品国产一区| 亚洲AV噜噜一区二区三区| 亚洲国产av一区二区三区| 日亚毛片免费乱码不卡一区 | 海角国精产品一区一区三区糖心| 精品3d动漫视频一区在线观看| 精品中文字幕一区在线| 日本免费一区二区三区| 亚洲一区二区三区自拍公司| 日韩精品无码一区二区视频| 国产精品区一区二区三| 国产精品视频分类一区| 精品人无码一区二区三区| 国精产品一区一区三区| 亚洲综合av永久无码精品一区二区| 一区二区三区电影网| 亚洲性日韩精品国产一区二区| 国产日韩精品一区二区在线观看 | 日韩一区二区三区免费播放| 日韩精品久久一区二区三区 | 一区二区三区91| 无码av不卡一区二区三区| 国产一区二区三区在线电影 | 久久人做人爽一区二区三区| 久久久久无码国产精品一区| 久久国产免费一区二区三区| 久久精品亚洲一区二区| 亚洲AV日韩AV天堂一区二区三区| 国产日韩一区二区三区在线观看| 国产激情无码一区二区app| 国产丝袜视频一区二区三区| 日韩人妻无码一区二区三区99| 亚洲国产高清在线精品一区| 中文字幕乱码一区久久麻豆樱花| 亲子乱av一区区三区40岁| 国产一区在线电影| 国产精品毛片a∨一区二区三区 | 亚洲一区二区三区在线观看精品中文| 中文字幕乱码一区二区免费 | 日本高清成本人视频一区|