有悬停效果但没有颜色

来源:2-18 表格--表格行的类

qq_执着Paranoid_0

2018-11-04 21:23

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>强调内容</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
</head>
<style type="text/css" media="screen">
 
 td{
  width: 100px;
  height: 40px;
 }
</style>
<body>
<table class='table-striped table-hover'>
  <th colspan="" rowspan="" headers="" scope="">A</th>
  <th colspan="" rowspan="" headers="" scope="">B</th>
  <th colspan="" rowspan="" headers="" scope="">C</th>
 <tr class="warning">
  <td colspan="" rowspan="" headers="">1</td>
  <td colspan="" rowspan="" headers="">2</td>
  <td colspan="" rowspan="" headers="">3</td>
 </tr class="active">
 <tr>
  <td colspan="" rowspan="" headers="">1</td>
  <td colspan="" rowspan="" headers="">2</td>
  <td colspan="" rowspan="" headers="">3</td>
 </tr>
 <tr>
  <td colspan="" rowspan="" headers="">1</td>
  <td colspan="" rowspan="" headers="">2</td>
  <td colspan="" rowspan="" headers="">3</td>
 </tr>
</table>
</body>
</html>

写回答 关注

2回答

  • 慕莱坞2068224
    2018-11-05 10:36:50

    1 检查bootstrap.min.css的引用地址有没有问题,可以试试换成

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  

    2 表格类中要首先添加一个table类

    <table class='table table-striped table-hover'>

    这两个改了应该就会有颜色了

    qq_执着P...

    厉害?

    2018-11-05 10:54:47

    共 1 条回复 >

  • cocolady
    2018-11-05 10:23:44

    使用的bootstrap版本不同。

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题