根據(jù)前面的知識(shí)，繪制出博客基本模型

今天把頭部的博客名 位置寫好，在這之前，學(xué)習(xí)下如何放入iconfont圖標(biāo)，看以下案例

搜索iconfont

在iconfont中找到喜歡的icon并下載

將icon放入我們的網(wǎng)頁(yè)中

最終效果圖

// html <div class="container"><div class="head"><!-- 今日任務(wù) ↓ --><div class="avatar"><img src="./image/首頁(yè).png" alt=""><div class="blog_name">博客名</div></div><!-- 今日任務(wù) ↑ --><div class="search">搜索欄</div><div class="music">音樂(lè)蘭</div></div><div class="left">側(cè)邊欄</div></div> // css .head .avatar {display: flex;justify-content: center;align-items: center;background-color: rgb(249, 249, 249); }.head .avatar img {width: 25px;height: 25px; }.head .avatar .blog_name {display: flex;justify-content: center;align-items: center;font-size: 18px;background-color: rgb(249, 249, 249); }

總結(jié)

以上是生活随笔為你收集整理的【前端】制作个人博客第三天的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。