JavaScript实现九九乘法表的简单实例

每个学过编程的人都写过“HelloWorld”

但99乘法表，我想也应该成为每个编程初学者的必编程序

这是Javascript的实现方法，非常适合初学者！！！

以下是代码及注释

 
 
 
Javascript九九乘法表 
 
 
table{ 
  width:600px;     //表格height属性可设置可不设置,建议不设置
  border-collapse:separate;
  } 
table td{ 
  border:#000000 1px solid;
  text-align: center;  //使标签中的内容居中显示，若是标签，没有此行代码亦可自动居中
  }

下面是上面代码中涉及的一些内容

•

标签是定义一个表格！

- 定义表行

- 定义表头

- 定义表元(表格的具体数据)

border=""属性可以设置表格的边框！

里的字默认为加粗居中显示！

bgcolor=""也就是我熟悉的设置表格背景颜色！

•cellspacing=""和cellspadding=""是设置表格间的间距和单元格里的间距！但这两个标签都被HTML5移除了，取而代之的是border-collapse:separate | collapse | inherit。

separate	默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
collapse	如果可能，边框会合并为一个单一的边框。会忽略border-spacing 和 empty-cells 属性。
inherit	规定应该从父元素继承border-collapse属性的值。

以上这篇Javascript实现九九乘法表的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。

转载请注明：文章转载自 www.mshxw.com

本文地址：https://www.mshxw.com/it/96382.html

上一篇 BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法

下一篇全面解析JavaScript里的循环方法之forEach，for-in，for-of

JavaScript相关栏目本月热门文章

关于我们文章归档网站地图联系我们