完成效果▲
html5代码:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>MayStudio - Index</title>
<link rel="stylesheet" href="css/banner.css" />
<link rel="stylesheet" href="css/bubble.css" />
<link rel="stylesheet" href="css/navigation.css" />
</head>
<body>
<!--横幅,网站logo和登录按钮-->
<a class="login" href="login.html">Log in</a>
<a class="banner" href="index.html">
<img class="banner-logo" src="images/maystudio-logo.png" alt="MayStudio" width="256" height="80" />
<p class="banner-desc">Starting Small</p>
</a>
<!--导航-->
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="sto