用CSS制作九九乘法表

最新推荐文章于 2022-11-01 22:05:48 发布

原创最新推荐文章于 2022-11-01 22:05:48 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css

这篇博客介绍了如何利用CSS来美化HTML中的九九乘法表，通过在HTML头部的style标签中定义table, table tr, table td的样式属性，实现表格的样式定制。" 130130107,11114359,Java后端面试深度解析：阿里、京东、字节、美团、拼多多、腾讯面试真题,"['Java', '面试', 'JVM', 'Spring Boot', '开发语言']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

加入表格的方式

在html代码段的头部加入style标签直接定义table、table tr，table td的属性，示例如下：

table { 
border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px) */ 
border:solid #999; /* 设置边框属性；样式(solid 实线)、颜色(#999 灰) */ 
border-width:1px 0 0 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */ 
} 
table th,table td {border:solid #999;border-width:1px 1px 1px 0;padding:2px;}

<style type="text/css" media="screen"> 
<!-- /* PR-CSS */ 
table,tr,td{
    border:solid; border-width:1px 1px 1px 1px;
    border-collapse:collapse;/*折叠表格边框，把相邻td之间的边框合并起来，使之成为一条边框；*/
}
</style>