標題:
Box Model 設計-內外邊距練習
[打印本頁]
作者:
陳育霖
時間:
2023-8-12 13:35
標題:
Box Model 設計-內外邊距練習
本帖最後由 陳育霖 於 2023-8-29 02:59 編輯
請依下圖完成網頁設計。
字體為: sans-serif,顏色為:#f0f0f0、#2196F3、#333、#444、#555、#fff,字體大小為:14、16、24、40px
[attach]16214[/attach]
本帖隱藏的內容需要回復才可以瀏覽
作者:
蔡幸融
時間:
2023-8-29 16:24
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align: center;
background-image: url(sky.avif);
}
div{
background-color: rgba(255,255,255,0.5);
}
header{
background-color: rgba(0,0,0,0.2);
color: #fff;
font-size: 24px;
}
nav{
background-color: #333;
line-height: 2;
padding: 5px 0px;
}
nav a{
text-decoration: none;
color: #fff;
font-size: 18px;
margin: 5px 15px 5px;
}
footer{
background-color: #444;
color: #fff;
}
</style>
</head>
<header> 歡迎來到日常生活網頁</header>
<body>
<nav>
<a href="">首頁</a>
<a href="">關於我們</a>
<a href="">美食</a>
<a href="">健康</a>
<a href="">連絡我們</a>
</nav>
<div>
<h1>探索美好的日常</h1>
<p>在這個網站上</p>
<p>從美食、旅遊</p>
<p>讓我們一啟</p>
</div>
</body>
<footer>版元我有</footer>
</html>
複製代碼
歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/)
Powered by Discuz! 7.2