用HTML/CSS制作一個(gè)美觀的個(gè)人簡(jiǎn)介網(wǎng)頁(yè)——學(xué)習(xí)周記1
HELLO！大家好，由于《用HTML/CSS制作一個(gè)美觀的個(gè)人簡(jiǎn)介網(wǎng)頁(yè)》這篇筆記有幸被很多伙伴關(guān)注，于是特意去找了之前寫的完整代碼，久等啦~
整體結(jié)構(gòu)
這個(gè)頁(yè)面是在自己剛接觸前端代碼時(shí)使用HBuilder所作，以下是建立的項(xiàng)目及文件↓↓↓
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-824699.html
完整代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>咸鹽月餅的個(gè)人介紹</title>
<style>
body
{
background-image: url(img/背景2.jpg);
background-size: cover;
}
div.transbox
{
width: 1050px;
height: 420px;
margin: 90px 90px;
background-color: #ffffff;
border: 1px solid #FFFFFF;
opacity:0.8;
}
h1 {text-align: center;}
h2.ex1 {margin-left:5cm;}
h3.ex1 {margin-left:5cm;}
img.ex1{margin-left:5cm;}
p{text-align: right;}
p.ex1{margin-right: 2cm;}
p{color:mediumpurple}
/*cc:change color*/
a.cc:visited {color:#0000ff;}
a.cc:hover {color:#ffcc00;}
</style>
</head>
<body>
<div class="background">
<div class="transbox">
<h1>個(gè)人簡(jiǎn)介</h1>
<img src="img/頭像.jpg" height="50px" width="50px" class="ex1" />
<h2 class="ex1">咸鹽月餅</h2>
<h3 class="ex1">學(xué)號(hào)：**********</h3>
<h3 class="ex1">班級(jí)：**********</h3>
<h3 class="ex1">學(xué)院：電商與物流</h3>
<h3 class="ex1">學(xué)校：<a class="cc" href="http://www.btbu.edu.cn/">北京工商大學(xué)</a></h3>
<p class="ex1">這個(gè)人很懶，什么都沒有留下......</p>
</div>
</div>
<embed height="50" width="100" src="bgm/Sunburst.mp3">
</body>
</html>
時(shí)隔兩年，我終于又想起了這里，完善了兩年前自己所做的第一篇筆記~前路漫漫亦燦燦，大家都要加油呀！
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-824699.html
到了這里，關(guān)于【完整代碼】用HTML/CSS制作一個(gè)美觀的個(gè)人簡(jiǎn)介網(wǎng)頁(yè)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
