首頁  >  文章  >  web前端  >  css怎麼改單元格行高

css怎麼改單元格行高

藏色散人
藏色散人原創
2023-01-31 11:03:002307瀏覽

css改單元格行高的方法:1、新建一個html檔;2、使用table標籤建立一個表格;3、設定table標籤的class為mycss;4、在css標籤內,透過class設定table表格的樣式;5、在css標籤內,透過修改「line-height」屬性值即可修改儲存格行高。

css怎麼改單元格行高

本教學操作環境:Windows10系統、CSS3版、DELL G3電腦

css怎麼改儲存格行高?

css設定table單元格的行高:

新一個html文件,命名為test.html,用於講解css如何設定table單元格的行高。

css怎麼改單元格行高

在test.html檔案內,使用table標籤建立一個表格。

css怎麼改單元格行高

在test.html檔案內,設定table標籤的class為mycss。

css怎麼改單元格行高

在css標籤內,透過class設定table表格的樣式。

css怎麼改單元格行高

在css標籤內,將line-height屬性設定為80px,即將儲存格的行高設定為80px。

css怎麼改單元格行高

在瀏覽器中開啟test.html文件,查看實現的效果。

css怎麼改單元格行高

推薦學習:《css影片教學

以上是css怎麼改單元格行高的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn