html表格边框线怎么设置(html表格边框线怎么设置)

东方宏琳
导读 大家好,小晋来为大家解答以上问题。html表格边框线怎么设置,html表格边框线怎么设置很多人还不知道,现在让我们一起来看看吧!1、准备一

大家好,小晋来为大家解答以上问题。html表格边框线怎么设置,html表格边框线怎么设置很多人还不知道,现在让我们一起来看看吧!

1、 准备一个表格的html代码,通过它显示浏览器对表格标签的默认呈现。代码如下:

2、 超文本标记语言

3、 头

4、 标题/标题

5、 /头

6、 风格

7、 /风格

8、 身体

9、 tableclass='mt '

10、 tr

11、 thcol_1/th

12、 thcol_2/th

13、 三氯化钍/钍

14、 /tr

15、 tr

16、 tdvalue_1/td

17、 tdvalue_2/td

18、 tdvalue_3/td

19、 /tr

20、 /表格

21、 /body

22、 /html

23、 为表格设置内边框表明表格标签的默认样式没有边框。现在我们给表格添加一个边框,只需将下面的代码添加到样式标签中:

24、 风格

25、 trtd,th{

26、 border:1pxsolidred

27、 }

28、 /风格

29、 取消单元格之间的空白。在上一步中,虽然设置了行中的边框,但单元格之间的空白往往不是我们想要的,所以我们可以通过下面的代码来设置它:

30、 风格

31、 trtd,th{

32、 border:1pxsolidred

33、 }

34、 /*清空表格选项卡中的单元格*/。mt{

35、 边界塌陷:塌陷;

36、 }

37、 /风格

38、 使用以下代码设置表格的外部边框:

39、 风格。mt{

40、 边界塌陷:塌陷;

41、 border:1pxsolidblack/*设置表格的外部边框*/

42、 }

43、 /风格

44、 设置行边框,这比设置单元格边框更常见。我们只需要使用下面的代码

45、 风格。mt{

46、 边界塌陷:塌陷;

47、 border:1pxsolidblack

48、 }

49、 /*设置线条边框*/。mttr{

50、 border-bottom :1 pxsolidblack;

51、 }

52、 /风格

本文到此结束,希望对大家有所帮助。

标签:

免责声明:本文由用户上传,如有侵权请联系删除!