HTML&CSS基础学习笔记1.18-表格的边框
今天的内容比较简单~来看看HTML里表格的边框是怎么设置的吧
表格的边框
前面为了方便观察表格单元格的情况,我们给<table>加了border属性。
<table>的border属性规定围绕表格的边框的宽度。
[border]属性会为每个单元格绘制边框,并用边框围绕表格。如果border属性的值发生改变,只有表格周围边框的尺寸会发生变化,表格内部的边框不受影响。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格的边框 border</title> </head> <body> <h2>观察border的作用</h2> <table border="10"> <tr><td>第一个单元格</td><td>第二个单元格</td><td>第三个单元格</td></tr> <tr><td>第四个单元格</td><td>第五个单元格</td><td>第六个单元格</td></tr> <tr><td>第七个单元格</td><td>第八个单元格</td><td>第九个单元格</td></tr> </table> </body> </html>
结果会是?
更多学习内容,就请前往码芽网吧http://www.mayacoder.com/lesson/index
想要尝试、调整不同的边框设置,就去试试吧~
相关推荐
myloveqiqi 2020-08-09
福叔 2020-06-02
CaiKanXP 2020-06-02
jiedinghui 2020-02-20
cfang00 2013-05-15
尚衍亮 2018-02-01
Alisa0 2019-06-30
淡风wisdon大大 2018-02-01
yibawuqing 2019-06-28
HSdiana 2020-03-28
xiaohuli 2020-05-18
impress 2020-01-06
帅的相对论 2017-03-11
冯二爷 2019-06-28
randyjin 2015-03-12
LadyZhong 2014-09-27
libowen0 2014-05-23