設定表格某一行高度的方法:1、利用“.class”選擇器根據指定的class名稱匹配指定行元素;2、利用“height”屬性設定匹配行元素的高度,語法為“ .class名稱{height:高度值;}」。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css設定表格某一行高度的方法是什麼
#在css中可以利用.class選擇器和height屬性來設定表格某一行的高度,.class選擇器用來指定類別的所有元素的樣式。 height屬性用於設定元素的高度。
下面我們透過範例來看一下怎麼設定表格某一行的高度,範例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .hang{ height:100px; } </style> <table border="1"> <tr> <td>111</td> <td>222</td> </tr> <tr class="hang"> <td>333</td> <td>444</td> </tr> <tr> <td>555</td> <td>666</td> </tr> <tr> <td>777</td> <td>888</td> </tr> </table> </body> </html>
輸出結果:
(學習影片分享:css影片教學)
以上是css設定表格某一行高度的方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!