javascript基础功能2

现在要来学习如何製作一个表格,并且对其文字粗细加工,还有边框的变换以及表格的样式改变。
首先我们先打出一个文字排出来的表格,用table这个标籤代表我们要建一个表格,用tr标籤代表几行数,用td标籤代表有几个栏位。
http://img2.58codes.com/2024/20143630tmZRkpBaKR.jpg
做出来会是这样子
http://img2.58codes.com/2024/20143630SI9zbTGT5A.jpg
接着,我们要把表格的格线显示出来,只要在table里面增加border属性,格线的预设值是0,我们把它改成1,然后用width设定表格的宽度,我们设成400象素,再用cellpadding让表格里面的文字跟格线离远一点。
http://img2.58codes.com/2024/20143630NGfCVD5PHI.jpg
接着我想要让文字加粗,使用b标籤包着想要加粗的文字即可,然后u标籤可以使文字加底线,像我这样两个属性用在一起也可以,然后第9行的hr标籤是让图片下方文字中间有一条分隔线出来。
http://img2.58codes.com/2024/20143630c4gOsvQOXK.jpg
目前网页会长这样子:
http://img2.58codes.com/2024/20143630OErndajSzV.jpg


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章