用html5label写一个简单的按钮功能

声明：博主本人第一次在CSDN上传自己的代码，有什么不对的地方，多多指教

本文主要是上传用label标签些一个按钮，按钮设计图是网上看到的，比较漂亮，所以自己用ps做了一个png图。

废话少说，直接上图上代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>label实现按钮功能</title><style>label span{width: 170px;height: 70px;display: inline-block;background: url("img/input1.png") 0 0 no-repeat;}label input{display: none;}label input:checked + span{background-position:-176px 0;}</style></head><body><label for="i1"><input type="checkbox" id="i1" /><span></span></label></body>
</html>

引用的图片：（自己下载）

用html5label写一个简单的按钮功能相关推荐

用Qt写一个简单的音乐播放器（三）：增加界面（播放跳转与音量控制）
一.前言在用Qt写一个简单的音乐播放器(一):使用QMediaPlayer播放音乐中,我们已经知道如何去使用QMediaPlayer播放音乐. 在用Qt写一个简单的音乐播放器(二):增加界面(开始和 ...
写一个简单的Java界面程序
写一个简单的Java界面程序有时候未免想写一些有界面的java小程序练练手,那么如何写一个比较好看的界面话程序呢?下面小编就带你一步一步来搭建这个小洋房. 实现界面化编程要用到的一个主要包impor ...
jquery手写轮播图_用jQuery如何手写一个简单的轮播图？（附代码）
用jQuery如何手写一个简单的轮播图?下面本篇文章通过代码示例来给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 用 jQuery 手写轮播图先上个效果截图: 主要 ...
用Qt写一个简单的音乐播放器（六）：显示歌词（正则表达式）
一.前言在用Qt写一个简单的音乐播放器(一):使用QMediaPlayer播放音乐中,我们已经知道如何去使用QMediaPlayer播放音乐. 在用Qt写一个简单的音乐播放器(二):增加界面(开始和 ...
【SpringBoot】写一个具有留言墙功能的JavaWeb
[SpringBoot]写一个具有留言墙功能的JavaWeb 项目已经部署上线一.需求说明二.概要设计三.详细设计 (一)数据库设计 (二)页面设计 (三)功能设计 (四)项目结构四.具体代码 ...
用Qt写一个简单的音乐播放器（五）：歌曲播放时间显示
一.前言在用Qt写一个简单的音乐播放器(一):使用QMediaPlayer播放音乐中,我们已经知道如何去使用QMediaPlayer播放音乐. 在用Qt写一个简单的音乐播放器(二):增加界面(开始和 ...
Visual Studio 2019 C# 上位机入门(2)：写一个简单的串口助手
前言本文记录一下用Visual Studio 2019 C# 写一个简单的串口助手的过程,由于没有先从小处学习,而是直接找相关资料就开始做,免不了很多奇怪的问题花了一些时间,基于此情况,我将尽可能整 ...
用Qt写一个简单的音乐播放器（七）：界面美化（QSS样式表）
一.前言在用Qt写一个简单的音乐播放器(一):使用QMediaPlayer播放音乐中,我们已经知道如何去使用QMediaPlayer播放音乐. 在用Qt写一个简单的音乐播放器(二):增加界面(开始和 ...
用Qt写一个简单的音乐播放器（四）：歌曲浏览、上一曲、下一曲
一.前言在用Qt写一个简单的音乐播放器(一):使用QMediaPlayer播放音乐中,我们已经知道如何去使用QMediaPlayer播放音乐. 在用Qt写一个简单的音乐播放器(二):增加界面(开始和 ...

用html5label写一个简单的按钮功能

用html5label写一个简单的按钮功能相关推荐

最新文章

热门文章