マウスオーバー効果を付ける | Bootstrapでホームページを作る - 北海道苫小牧市のホームページ制作 STUDIO KEY

table-hover

マウスオーバーされた行の色を変更します。テーマによって見難い場合があるので↑から変更してみて下さい。

thead	thead	thead	thead	thead
text	text	text	text	text
text	text	text	text	text
text	text	text	text	text
text	text	text	text	text
text	text	text	text	text

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

<table class="table table-bordered table-striped table-hover">
  <thead>
    <tr>
      <td>thead</td>
      <td>thead</td>
      <td>thead</td>
      <td>thead</td>
      <td>thead</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
  </tbody>
</table>