`

table --css

    博客分类:
  • CSS
CSS 
阅读更多
<table cellspacing="1"></table>  边框线默认是2

#content table{
  width:80%;
  background:#ccc;---灰色的背景 ,因为只有边框没有被覆盖颜色,所以这里的ccc就是背景的颜色了
}

/*
如果不在table 中写 cellspacing,那么可以这样

#content table{
  width:80%;
  background:#ccc;
  border-collapse:collapse; ---去掉边框
}

#content th ,#content td{
  height:25px;
  line-height:25px;
  text-align:center;
  border:1px solid #ccc; ----然后给th,td加一根线
}

*/
/*
#content tr:hover{
  background:#cc0;  -----注意:这是没用的,因为会被th,td重写,所以效果是没有的
}
*/

#content th ,#content td{
  height:25px;
  line-height:25px;
  text-align:center;
}

#content th{
  background:#eee;  ---淡灰色的th
}
/*
#content td{
  backgground:#fff;  ---白色的td
}因为我们要使得td的那一行变颜色,所以按下面这么做
*/
#content tr{
 background:#fff;
}
#content tr:hover{
  background:#cc0;
}

分享到:
评论

相关推荐

    bootstrap-table-fixed-columns(css,js)

    `bootstrap-table-fixed-columns.css`是样式文件,它包含了实现固定列所需的CSS规则。这些规则可能包括设置定位、宽度、溢出处理以及与Bootstrap基础样式兼容的调整。CSS(层叠样式表)是用于描述网页及应用程序界面...

    bootstrap-table-fixed-columns.zip

    `bootstrap-table-fixed-columns` 插件的工作原理是通过 JavaScript 和 CSS 实现表格的固定列效果。它会将表格的表头和内容部分分离,并在需要时添加额外的样式和布局,确保表头在滚动时始终保持可见。在实际应用中...

    利用层的table-row、table-cell属性进行页面布局

    "利用层的table-row、table-cell属性进行页面布局"是一种常见的CSS布局技术,尤其在早期的Web开发中广泛使用,尽管现代CSS布局如Flexbox和Grid已变得更为流行。这种布局方法模仿了HTML表格的行(row)和单元格(cell)...

    bootstrap-table-editable.js/css

    压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑

    bootstrap-table-pagejump.zip

    &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"&gt; &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.18.3/dist/bootstrap-table....

    bootstrap-table-fixed-columns冻结列,并完善排序、列宽和合并行

    文件 `bootstrap-table-fixed-columns.css` 是CSS样式表,用于定义插件的样式规则,确保修复后的功能在视觉上与原版Bootstrap Table兼容且美观。`bootstrap-table-fixed-columns.js` 是JavaScript文件,包含了修复和...

    bootstrap-table可编辑下拉框editable js及css及bootstrap-table-editable.js以及使用实例

    &lt;link rel="stylesheet" href="bootstrap-table.css"&gt; &lt;link rel="stylesheet" href="bootstrap-editable.css"&gt; &lt;table id="table" data-toggle="table"&gt; &lt;th data-field="id" data-editable="true"&gt;ID ...

    bootstrap-table-export.js和tableExport.js

    1. 引入依赖:在HTML文件中,先引入Bootstrap的CSS和JS文件,然后引入bootstrap-table-export.js或tableExport.js(如果两个都用,需要按照正确的顺序引入)。 2. 初始化表格:使用Bootstrap的表格类创建一个基本的...

    bootstrap-table-fixed-columns.js

    Bootstrap Table 是一个流行的开源JavaScript库,它允许开发者创建功能丰富的响应式表格。"bootstrap-table-fixed-columns.js" 是这个库的一个扩展插件,专门用于处理表格中的固定列问题。在网页设计中,固定列是一...

    bootstrap-table-fixed-columns-v1.0.2.zip

    FastAdmin使用bootstrap-table作为前端表格的基础组件库,通常列表交互展示已经够用了,包括通用搜索、排序、分页、导出、合并相同行/列等等。最近需要对表头进行冻结,找到了bootstrap-table-fixed-columns组件(也...

    bootstrap-table-editable.js

    解压后,开发者可以参考其中的 HTML、CSS 和 JavaScript 文件来学习如何在实际项目中设置和使用 `bootstrap-table-editable.js`。 为了更好地利用这个组件,你需要了解 Bootstrap Table 和 x-editable 的基本用法,...

    bootstrap-table实现 行拖拽 插件jquery.tablednd.js bootstrap-table-reorder-rows.js

    bootstrap-table实现 行拖拽 插件 jquery.tablednd.js bootstrap-table-reorder-rows.js bootstrap-table-reorder-rows.css

    bootstrap-table-reorder-rows.js.zip

    Bootstrap Table 是一个基于 HTML 和 JavaScript 的轻量级组件,它扩展了 Twitter ...在实际应用中,还需要结合 HTML、CSS 和 JavaScript 编程,以及对 Bootstrap Table API 的深入理解,才能充分发挥这些功能的潜力。

    bootstrap-table-fixed-columns-master.zip

    "bootstrap-table-fixed-columns-master.zip"这个压缩包中包含的就是一个用于实现Bootstrap Table固定列效果的JavaScript插件。这个插件允许我们在表格左右两侧设置固定的列,使得关键信息始终显示在用户的视野内,...

    bootstrap-table-master.rar

    而"bootstrap-table.css"文件则负责表格的样式定义,确保了表格的视觉一致性。 此外,Bootstrap Table还支持自定义扩展,你可以通过引入其他JavaScript插件文件,如"export.js"来实现数据导出功能,用户可以选择将...

    bootstrap-table-editable.js+bootstrap-editable.js+bootstrap-editable.css

    压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑

    bootstrap table-js.rar

    在使用Bootstrap Table之前,你需要确保你的项目已经正确地引入了Bootstrap的CSS和JS文件。 2. **Bootstrap Table的基本结构**:Bootstrap Table的HTML结构通常包括一个`&lt;table&gt;`元素,其中包含`&lt;thead&gt;`(表头)和...

    bootstrap table 导出文件 bootstrap-table-export.js和tableExport.js

    用于bootstrap数据表格的导出插件,在引入bootstrap其他主要js和css的前提下,再将bootstrap-table-export.js和tableExport.js引入。包里有两个版本的

Global site tag (gtag.js) - Google Analytics