console
<!DOCTYPE html>
<title>个人博客网站</title>
<div class="demo">
<header id="page_header">
<h1>个人博客网站</h1>
</div>
<img src="http://dl.image.so.com/d?imgurl=http%3A%2F%2Fr.bstatic.com%2Fimages%2Fhotel%2Fmax1280x900%2F123%2F123517744.jpg&purl=http%3A%2F%2Fimage.so.com%2F%3Fsrc%3Ddl.image&key=e752057a20"width="180" height="180">
<div class="mystype">
<nav>
<ul>
<li><a href="http://jsrun.net/LnfKp">我的精彩电影</a>
<li><a href="http://jsrun.net/UJfKp">我的豆瓣主页</a>
<li><a href="https://user.qzone.qq.com/2876220667/main">我的QQ空间</a>
<li><a href="https://baike.baidu.com/item/刘德华/114923?fr=aladdin">我的偶像刘德华</a>
</nav>
</div>
</header>
<section id="posts">
<article class="post">
<header>
<h2>我的music</h2>
<p>Itod
<time datetime="2019-04-17">2020-06-27</time>
</header>
<aside>
<p><a href="https://music.163.com/#/song?id=1344897943&market=baiduqk">网易云音乐
</aside>
<br>
<img src="http://dl.image.so.com/d?imgurl=http%3A%2F%2Fpic.ik123.com%2Fuploads%2Fallimg%2F160729%2F4-160H91G957.jpg&purl=http%3A%2F%2Fimage.so.com%2F%3Fsrc%3Ddl.image&key=6c608e8241" alt="你是人间的四月天" width="250" height="250"/>
</br>
<p>歌曲：你是人间的四月天
<footer>
<p><a href="#">7.6w评论</a>
</article>
</section>
<section id="sidebar">
<nav>
<h3>My 博客</h3>
<ul>
<li><a href="#">我的喜欢</a>
<li><a href="#">我的音乐</a>
<li><a href="#">我的电影</a>
<li><a href="#">我的空间</a>
</nav>
</section>
<footer id="page_footer">
<p>转身已逝去
<ul>
<a href="#">我的兴趣</a>
<a href="#">我的个人</a>
<a href="#">我的日记</a>
<a href="#">我的邮箱</a>
</ul>
<nav>
<ul>
<li><a href="#">主页</a>
<li><a href="#">关于</a>
<li><a href="#">语录</a>
<li><a href="#">隐私</a>
</footer>
</div>
————————————————
版权声明：本文为Chen_博主「Chen」的原创文章！！！
.demo{
width: 200px;
height: 60px;
margin: 0 auto;
text-shadow: 4px 4px 4px grey;
}
.mystype{
height: 105px;
width: 200px;
border: 3px solid orange;
background-image: linear-gradient(white,red);
}