当前位置: 首页 > 资讯 >

javascript基础功能2

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


相关文章:

  • 28. 团队成功的要素是什麽?
  • Day21:[排序演算法]Heap Sort - 堆积排序法
  • Day 8:学习资源哪里找?
  • 大共享时代系列_016_共享餐桌
  • 33岁转职者的前端笔记 DAY 4 固定浮动选单 RWD 写法
  • Day52. 范例:新产品开发(职责链模式)
  • [Day-6] C++关於运算的小学习
  • Day 28:合并排序法 Merge Sort
  • Day08,先介绍一下预备的家中环境
  • [Lesson3] BMI
  • [Python 爬虫这样学,一定是大拇指拉!] DAY09 - TCP / UDP
  • Dungeon Mizarka 017
  • AE-LED流动效果1-Day19
  • Day 9: 人工智慧在音乐领域的应用 (有趣的AI演算法三)
  • [Day 09] 建立机器学习模型 — Andrew Ng 大神说要这样做
  • 韩国Moack蘑菇CN2服务器评测和特价服务器,优惠码
  • Sendgrid使用教程:利用GitHub学生包每月发送15K邮件
  • 国外代发货教程:教你如何一件代发做跨境电商国外市场
  • WordPress 5.7 的 Robots API 和 max-image-preview 指令
  • Google Play Store报错DF-DFERH-01怎么办
  • WooCommerce 带动顾客购物的十种方法
  • 最好用的云服务器推荐:什么云服务器稳定好用又便宜
  • PayPal解决找回密码时无法检验身份问题
  • Linux运维命令大全:Linux运维要掌握哪些命令
  • Windows服务器推荐:便宜好用稳定靠谱的国外Windows服务器推荐
  • 海外营销周报:谷歌广告将推出动态排除列表,报告显示2020年美国数字广告营收增长12%
  • PayPal绑定国内手机卡的方法:国外PayPal怎么绑定国内手机号
  • Gutenberg 10.6 添加Duotone过滤器、查询模式轮播和最常用标签选择器
  • 专业提供东南亚-越南线上支付通道
  • 微信小程序搭建教程:怎么用CentOS搭建小程序服务器