css,html,js实用锦囊

本是古典何须时尚 2022-04-24 11:22 199阅读 0赞

一、好看的按钮

<!DOCTYPE html>
    <html>
     <head>
      <meta charset="utf-8">
      <title>HTML CSS Exercise CSS3 button</title>
       <style type="text/css">
         button {  
            width: 200px;  
            padding:8px;  
            background-color: #428bca;  
            border-color: #357ebd;  
            color: #fff;  
            -moz-border-radius: 10px;  
            -webkit-border-radius: 10px;  
            border-radius: 10px; /* future proofing */  
            -khtml-border-radius: 10px; /* for old Konqueror browsers */  
            text-align: center;  
            vertical-align: middle;  
            border: 1px solid transparent;  
            font-weight: 900;  
            font-size:125%  
          }  
       </style>
      </head>
     <body>
      <button>
        Subscribe Now
       </button>
     </body>
    </html>

二、html button按钮模拟超链接的三种方法

**方法一：form表单方法**

实现代码：

<form method="get" action="http://www.manongjc.com">
        <button type="submit">Continue</button>
    </form>

**方法二：window.location.href 方法**

代码如下：

<button onclick="window.location.href='http://www.manongjc.com'">Continue</button>

来源：

[http://www.cnblogs.com/yojiaku/p/5736447.html][http_www.cnblogs.com_yojiaku_p_5736447.html]

[http://www.manongjc.com/article/2209.html][http_www.manongjc.com_article_2209.html]

**方法三：在button之外添加超链接**

<a href="http://www.manongjc.com" target="_blank">
    <button>My Button</button>
    </a>

[http_www.cnblogs.com_yojiaku_p_5736447.html]: http://www.cnblogs.com/yojiaku/p/5736447.html
[http_www.manongjc.com_article_2209.html]: http://www.manongjc.com/article/2209.html

发表评论取消回复

表情：

评论列表（有 0 条评论，199人围观）

还没有评论，来说两句吧...

相关阅读

相关 ArrayList类案例（面试锦囊）

存储字符串并遍历 package com.demo02; import java.util.ArrayList; /

布满荆棘的人生/ 2024年03月27日 11:11/ 0 赞/ 75 阅读

相关设计好接口的36个锦囊

前言大家好，我是捡田螺的小男孩。作为后端开发，不管是什么语言，`Java`、`Go`还是`C++`，其背后的后端思想都是类似的。后面打算出一个后端思想的技术专栏，主要包

柔情只为你懂/ 2023年09月23日 19:45/ 0 赞/ 58 阅读

相关 JAVA面试锦囊（八）

● 简单介绍Hibernate的缓存？ hibernate一级缓存又称为“Session缓存”。 Session缓存内置不能卸载，Session的缓存是事务范围的缓

迈不过友情╰/ 2023年02月21日 11:46/ 0 赞/ 30 阅读

相关 JAVA面试锦囊（七）

● 说说Spring MVC与Struts2的不同？ (1) 核心控制器不同：spring mvc核心控制器是Servlet，而struts2是Filter。 (2) 控制

淩亂°似流年/ 2023年02月21日 11:46/ 0 赞/ 31 阅读

相关 JAVA面试锦囊（六）

● 简单介绍一下MVC模式？ MVC全名是Model View Controller，是模型(model) -- 视图(view) -- 控制器(controller

迷南。/ 2023年02月21日 11:46/ 0 赞/ 26 阅读

相关 JAVA面试锦囊（九）

● 说一下使用索引的一些技巧？ (1) 对于创建的多列索引（复合索引），不是使用的第一部分就不会使用索引。 (2) 对于使用like的查询，查询如果是’%xx’不会使用到索

浅浅的花香味﹌/ 2023年02月21日 11:44/ 0 赞/ 73 阅读

相关 MySQL常见错误锦囊

这里没有主键。更新将只使用与旧的完全匹配 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

短命女/ 2022年12月28日 14:05/ 0 赞/ 168 阅读

相关 Flutter代码锦囊---魔改进度条

Flutter框架提供了Material Design风格的线性进度条（`LinearProgressIndicator`）组件，就是下面的样子，方方正正的，一点也不圆润。

冷不防/ 2022年12月22日 04:42/ 0 赞/ 195 阅读

相关 css,html,js实用锦囊

一、好看的按钮 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

本是古典何须时尚/ 2022年04月24日 11:22/ 0 赞/ 200 阅读

相关 Java面试锦囊

更多精彩技术分享请浏览本人博客：[https://blog.csdn.net/wohiusdashi][https_blog.csdn.net_wohiusdashi]

小鱼儿/ 2022年03月18日 15:31/ 0 赞/ 264 阅读