在網頁設計中，漂亮的跳轉頁面是非常重要的。本文將介紹一些HTML代碼，幫助您創建一個漂亮的跳轉頁面。這些代碼可以幫助您添加不同的效果，包括鏈接、效果、背景等等。
<html>
<head>
<title>跳轉頁面</title>
<style>
body {
background-color: #3498db;
font-family: Arial, sans-serif;
font-size: 14px;
color: #fff;
}
h1 {
text-align: center;
font-size: 36px;
margin-top: 100px;
}
.link {
display: inline-block;
background-color: #fff;
color: #3498db;
text-align: center;
font-size: 20px;
padding: 10px;
margin-top: 50px;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
transition: all 0.3s ease-out;
}
.link:hover {
transform: translateY(-5px);
box-shadow: 0 15px 20px rgba(0,0,0,0.2);
}
</style>
</head>
<body>
<h1>歡迎來到跳轉頁面！</h1>
<a href="http://www.baidu.com" class="link">去百度一下</a>
</body>
</html>在這個示例中，我們使用了HTML和CSS來創建一個漂亮的跳轉頁面。幾個重要的部分包括：
1. 背景顏色設為#3498db，使用了Arial字體家族，字號14pt，字體顏色為白色。
2. 大標題使用文本居中、字號為36px、距離頂部100px的樣式。
3. 鏈接使用.display 的類樣式，設定了文本居中、背景色白色、文字為#3498db、字號20px、上下各10px邊距、無下劃線、5px圓角、投影效果。
4. 在:hover 時，鏈接向上移動5像素，投影變大。
使用這些代碼，您可以創建漂亮的跳轉頁面，歡迎嘗試！