自定义表单按钮形状

最新推荐文章于 2022-05-03 16:42:21 发布

时光无声￡

最新推荐文章于 2022-05-03 16:42:21 发布

阅读量144

点赞数

分类专栏： CSS 文章标签： html css

本文链接：https://blog.csdn.net/weixin_44586981/article/details/119211260

版权

本文介绍了如何使用HTML和CSS来定制表单按钮的形状和样式，包括两个版本的设计实现，第一版和第二版，展示了如何通过CSS属性进行细致的视觉调整。

摘要由CSDN通过智能技术生成

第一版

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
     
				margin: 0;
				padding: 0;
			}
			label{
     
				float: left;
				position: relative;
				width: 200px;
				height: 200px;
				border: 1px solid;
				overflow: hidden;
				border-radius: 50%;
			}
			label input{
     
				position: absolute;
				left: -50px;
				top: -50px;
			}
			label span{
     
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
			}

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

时光无声￡

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
自定义表单按钮形状

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } label{ float: left; position: relative; width: 200px;
复制链接

扫一扫