今天分享下”前端html课堂—table表格样式优化“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 因为我想自己写eb,所以也在学习html一些语言的东西,让我起大学时代对网页设计的兴趣,当时没有自己的电脑,还经常去网吧买软盘下载一些图片,然后用fontpage做一些网页。后来买了电脑,则一直被"传奇"迷得一塌糊涂,也把网页设计抛在脑后…
由于是在ubuntu下面工作,而linux下面的所见即所得的网页设计真的很可怜。最后选择了bluefish.
想做一个表单来添加设备,结果前缀大小不同,所以很难看。
复制代码
代码如下:
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<body>
用户名:<input type="text" name="username"><br/>
蜜码:<input type="password" name="password">
</body>
</html>
这个输入框没有对齐啊,我心里那个难过啊,这时候边上的同事说可以用表格来格式化一下，请教后代码如下：
复制代码
代码如下:
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<p> http://www.qlyl1688.com </p>
<html>
<body>
<table>
<tr>
<td>用户名:</td>
<td><input type="text" name="username"><br/></td>
</tr>
<tr>
<td>蜜码:</td>
<td><input type="password" name="password"></td>
</tr>
</table>
</body>
</html>
啊哈,新技能get,感谢童竣同学大力支持~~
还教了我如何使用css来控制表格的格式
复制代码
代码如下:
<style type="text/css">
table{border-top:#000 solid 1px; border-left:#000 solid 1px;}
td{ border-bottom:#000 solid 1px; border-right:#000 solid 1px;}
</style>
以上是云南仟龙Mark给大家介绍的所有内容,希望对大家有所帮助，如果大家有任何疑问请在脚本之家留言，如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
