为了账号安全,请及时绑定邮箱和手机立即绑定

有悬停效果但没有颜色

<!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 回答

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'>

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

1 回复 有任何疑惑可以回复我~
#1

qq_执着Paranoid_0 提问者

厉害?
2018-11-05 回复 有任何疑惑可以回复我~

使用的bootstrap版本不同。

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
玩转Bootstrap(基础)
  • 参与学习       314544    人
  • 解答问题       2275    个

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

进入课程

有悬停效果但没有颜色

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信