html寫出來的各種效果
阿新 • • 發佈：2017-06-22
由於 utf-8 blog position image highlight Language flow order
添加 CSS 樣式
編寫 HTML
填寫以下代碼：
<!doctype html>
<html>
<head><meta charset="utf-8"><title>Baymax</title></head>
<body>添加 CSS 樣式
我們已經使用 HTML 定義好「大白」的各個元素，現在就需要利用到 CSS 來繪制它的樣式外表。
由於「大白」是白色的，為了更容易辨識，我們把背景設為深色。
然後首先是頭部：
body { background: #595959; } #baymax{ /*設置為 居中*/ margin: 0 auto; /*高度*/ height: 600px; /*隱藏溢出*/ overflow: hidden; } #head{ height: 64px; width: 100px; /*以百分比定義圓角的形狀*/ border-radius: 50%; /*背景*/ background: #fff; margin: 0 auto; margin-bottom: -20px; /*設置下邊框的樣式*/ border-bottom: 5px solid #e0e0e0; /*屬性設置元素的堆疊順序； 擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面*/ z-index: 100; /*生成相對定位的元素*/ position: relative;
html寫出來的各種效果