一个简约美观的静态欢迎页

欢迎页虽然不那么受欢迎了,但可以作为过渡页使用。

现代简约风格,设置setTimeout自动跳转到首页。

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Pizza</title>
    <style type="text/css">
      #content {
            border: solid #FFFFFF;  /*设置入口边框内样式跟颜色*/
            margin:100px auto;  /*设置外框居中*/
            width: 62px;  /*设置外框宽度*/
            height: 23px; /*设置外框高度*/
            border-width: 2px; /*设置边框宽度*/
            background: #aedbde;  /*设置背容景色*/
            text-indent:5px;  /*设置框内字符缩进*/
    </style>
</head>
<body>
<body style="background-color:#aedbde;">
 <h1 style="text-align:center;">
	<br />
	<br />
	<br />
	<br />
</span>
</h1>
	<span style="font-family:&quot"><p style="color:#FFFFFF;text-align:center;"><font size=100><strong>Hello World!</strong></font></p></span>
	<div id="content"><a href="www.Evan.link" style="color:#FFFFFF; text-decoration:none">ENTER</a></div>
</body>
</html>

同时,可以加入按钮,设置成点击后跳转:

<html>
<head>
<title>按钮示例</title> 
<style>
.button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
</style>
</head>
<body>
<a href="index.php" class="button">链接按钮</a>
</body>
</html>
订阅
提醒
0 评论
内嵌讨论
查看全部讨论