首頁  >  文章  >  web前端  >  css設定表格某一行高度的方法是什麼

css設定表格某一行高度的方法是什麼

WBOY
WBOY原創
2021-11-26 16:30:143981瀏覽

設定表格某一行高度的方法:1、利用“.class”選擇器根據指定的class名稱匹配指定行元素;2、利用“height”屬性設定匹配行元素的高度,語法為“ .class名稱{height:高度值;}」。

css設定表格某一行高度的方法是什麼

本教學操作環境: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影片教學

以上是css設定表格某一行高度的方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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