html跳转页面到自己写的另一个页面，非js

最新推荐文章于 2023-11-03 16:16:04 发布

JIngles123

最新推荐文章于 2023-11-03 16:16:04 发布

阅读量1.1w

点赞数 5

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_40467670/article/details/105862276

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

最简单的跳转页面，记录给渣渣的自己。
很low的两个html界面1和2，在1页面上设置一个button，按下按钮，跳转至自己写的2界面。
代码如下：

<body>
    <div class="wrapper">

    <div class="container">
        <h1>Welcome</h1>
        <form class="form">
            <button><a href="./2.html">跳转至2</a></button>
        </form>
    </div>
    
</div>
</body>

注：通过a标签实现跳转，按钮上的文字会有下划线标出表明是超链接，太丑了。
可以在title标签下添加对它的调整。
代码如下：

 <style>
        form button {
            outline: 0;
            background-color: white;
            border: 0;
            padding: 13px 15px;
            color: #53e3a6;
            border-radius: 3px;
            width: 250px;
            cursor: pointer;
            font-size: 18px;
            position: relative;
        }
        form button:hover {
            background-color: rgba(255, 255, 255, 0.4);
        }
        a {
            text-decoration: none;
        }
    </style>

其他需要的样式可在style标签中添加。

JIngles123

关注

5
点赞
踩
40

收藏

觉得还不错? 一键收藏
3
评论
html跳转页面到自己写的另一个页面，非js

最简单的跳转页面，记录给渣渣的自己。很low的两个html界面1和2，在1页面上设置一个button，按下按钮，跳转至自己写的2界面。代码如下：<body> <div class="wrapper"> <div class="container"> <h1>Welcome</h1> ...
复制链接

扫一扫