简单的CSS使用举例
来源:互联网 发布:9wifi九维网络登入不了 编辑:程序博客网 时间:2024/04/30 03:03
/*--使用的时候只要在input标签中声明这个属性:class="dataintable"即可 --*/
/* ----------------------------------- 表格 ----------------------------------- */
table.dataintable {
margin-top:10px;
border-collapse:collapse;
border:1px solid #efefef;/*border-style border-style border-color*/
width:50%;
}
table.dataintable th {
vertical-align:baseline;
padding:3px 0px 3px 0px;/*上右下左内边框像素大小*/
background-color:#d5d5d5;
border:1px solid #FFFFFF;
text-align:right;
}
table.dataintable td {
vertical-align:text-top;
padding:3px 0px 3px 3px;/*上右下左内边框像素大小*/
background-color:#efefef;
border:1px solid #FFFFFF;
text-align:left;
}
以上为css文件中的定义,在html中使用方法如下:
<link rel="stylesheet" type="text/css" href="cssTest.css"><!--用的是链接式-->
<form action="creatUserDm.jsp" method="post">
<table class="dataintable" align="center">
<tr>
<th style="width:25%;">学号:</th>
<td style="width:75%;"><input type="text" name="userID"/></td>
</tr>
<tr>
<th style="width:25%;">姓名:</th>
<td style="width:75%;"><input type="text" name="realname"/></td>
</tr>
<tr>
<th style="width:25%;">年级:</th>
<td style="width:75%;"><input type="text" name="gradeid"/></td>
</tr>
<tr>
<th style="width:25%;">班级:</th>
<td style="width:75%;"><input type="text" name="classid"/></td>
</tr>
<tr>
<th style="width:25%;">性别:</th>
<td style="width:75%;"><input type="radio" name="sex" value="male"/>男<input type="radio" name="sex" value="female"/>女</td>
</tr>
<tr>
<th style="width:25%;">用户名:</th>
<td style="width:75%;"><input type="text" name="userName"/></td>
</tr>
<tr>
<th style="width:25%;">密码:</th>
<td style="width:75%;"><input type="text" name="password"/></td>
</tr>
<tr>
<th style="width:25%;">用户类型:</th>
<td style="width:75%;">
<select name="usertype">
<option value="1">普通用户</option>
<option value="2">管理员</option>
</select>
</td>
</tr>
</table>
<input type="submit" value="提交"/>
</form>
所得效果如下:
- 简单的CSS使用举例
- Jquery最简单的使用举例
- CPU卡使用的简单情况举例
- 42_sizeof 的使用简单举例
- 函数模版的使用简单举例
- CxImage的编译及简单使用举例
- iOS FMDB的简单使用-代码举例
- CxImage的编译及简单使用举例
- CxImage的编译及简单使用举例
- CxImage的编译及简单使用举例
- 使用easymock简单举例
- JXL使用简单举例
- 简单css的使用
- 引用的简单举例
- CSS学习笔记----position简单举例
- dd命令简单使用举例
- CSS渐变的简单使用
- diaplaytag的使用举例
- Media Foundation系列文章索引
- iOS提交iTunes审核时出现Invalid Binary错误
- java 文件加密解密
- windows linux 文件传输
- ubunbu下环境变量配置
- 简单的CSS使用举例
- CSS ID选择器
- 轮廓 - 查找轮廓、表示轮廓、绘制轮廓
- 求职宝典:职场新人赶紧卸掉“假成熟”
- 如何在 SVG 和 Canvas 之间进行选择
- Linux命令 -- ps
- 运营商Pos接口连接IP网与SDH网络
- DWORD
- MongoDB复制集简介(四)--复制集的写关注