CSS 3之美化表格样式（二）

美化表格样式（二）

1. 美化提交按钮

1. 美化提交按钮

在定义表单元素边框时，可采用 border-style、border-width 和 border-color及其衍生属性；
若要对表单元素设置背景色，可采用 background-color 属性，其中将值设置为 transparent（透明色）是最常用的一种方式；
代码如下所示：

background-color:transparent;	/*背景透明色*/
1

例子 1：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单元素边框设置</title>
		<style type="text/css">
			form{
				margin: 0px;
				padding: 0px;
				font-size: 16px;
			}
			input{
				font-size: 16px;
				font-family: 楷体;
			}
			.n{
				border-bottom: 1px solid #006;
				color:#006 ;
				border-top: 0px;
				border-left: 0px;
				border-right: 0px;
				background-color: transparent;
			}
			.m{
				background-color: transparent;
				border: 1px;
			}
		</style>
	</head>
	<body>
		<center>
			<h2>签到表</h2>
			<form action="" method="post">
				签到：<input id="name" class="n" />
				<input type="submit" value="提交" class="m" />
			</form>
		</center>
	</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

20220513

相关阅读:
pyenv fails with : ModuleNotFoundError: No module named ‘_ctypes‘ error
数字赋能机械制造业，供应链协同管理系统解决方案助力企业供应链再升级
使用Spring+Postman实现数据交互
学习SLAM：SLAM进阶（十）暴力更改ROS中的PCL库
完美支持--WIN11--Crack--LightningChart-10.3.2.2
设置变量的初值
Linux vim 文本编辑操作文本三种模式
工厂无线wifi短信验证码认证方案
Nocalhost安装操作步骤详解
web前端期末大作业 html+css+javascript火影忍者网页设计实例动漫网站制作

原文地址：https://blog.csdn.net/weixin_43960383/article/details/125530305