简单使用csdn网站的截图做一个网站的DEMO,
简单把CSDN网站分为四个图片(自己截图),分别为上,左,中,右,使用IDEA创建一个静态Web项目。
代码演示:(不添加样式,简单演示效果)
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>孙叫兽的博客</title><style>body {background-color: aliceblue;}</style>
</head>
<body>
<img src="top.png" height="56px" width="1899px">
<img src="left.png" height="833px" width="120px">
<img src="center.png" height="819px" width="950px">
<img src="right.png" height="833px" width="375px"></body>
</html>
效果演示: