css 給table設置樣式

来源:http://www.cnblogs.com/manongjc/archive/2016/02/24/5211877.html
-Advertisement-
Play Games

原文地址:http://www.manongjc.com/article/291.html 在一個網頁中多處使用了表格table標簽,這個時候給指定的表格對象設置樣式依然可以通過CSS進行控制設置。其實有時我們這樣思考將table標簽當作DIV標簽來佈局設置CSS,就變得簡單多了。 對table設置


原文地址:http://www.manongjc.com/article/291.html

在一個網頁中多處使用了表格table標簽,這個時候給指定的表格對象設置樣式依然可以通過CSS進行控制設置。其實有時我們這樣思考將table標簽當作DIV標簽來佈局設置CSS,就變得簡單多了。

 

對table設置樣式

通過對應table父級樣式命名指定對象內table樣式

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta charset="utf-8" /> 
<title>指定對象內table設置樣式</title> 
<style> 
.manongjc{ width:400px} 
.manongjc table{ background:#CCC; color:#F00} 
.manongjc table td{ background:#FFF} 
</style> 
</head> 
<body> 
<div class="manongjc"> 
<table width="100%" border="0" cellspacing="1" cellpadding="0"> 
<tr> 
<td>內容一</td> 
<td>內容一</td> 
<td>內容一</td> 
</tr> 
<tr> 
<td>內容二</td> 
<td>內容</td> 
<td>內容</td> 
</tr> 
</table> 
</div> 
</body> 
</html> 

以上通過父級指定table和td進行CSS樣式設置。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一種方法為: function test(str){ var iNum = str.length % 3; var prev = ''; var iNow = 0; var temp = ''; var arr = []; if (iNum != 0){ prev = str.substring(0...
  • 面向對象語言中的對象 老是能聽到什麼基於對象, 面向對象. 什麼是對象, 如果有面向對象基礎的人可以無視了, 下麵舉個簡單的例子給大家講講面向對象中, 對象的定義, 這個是比較通用的, 不過對於JS來說不太一樣, 但是理解總是好的. 首先, 先有類型(Class), 這個類是指具有本質相同的一類事物
  • 在我們使用H5 storage之前,先瞭解一下storage的介紹吧: Storage模塊管理應用本地數據存儲,用於應用數據的保存和讀取,應用本地數據localStorage,sessionStorage的區別在於數據的有效域不同,前者可在應用內跨域操作,數據存儲期是持久化的,並且沒有容量的限制,通
  • 一、前言 說起Iconfont,對大多數人來說可能不是什麼新的技術了,現在好多大網站已經開始使用Iconfont。博主今天主要是簡單說一下它的使用方法,聊聊使用它時可能遇到哪些坑,不熟悉的同學可以簡要看一下,資深瞭解的同學,如果發現問題,還請指正。 二、什麼是Iconfont 有的同學可能會問什麼是
  • 一、animates.css animate.css是來自dropbox的工程師Daniel Eden開發的一款CSS3的動畫效果小類庫。包含了60多款不同類型的CSS3動畫,包括:晃動,閃動,各種淡出淡出效果,如果你想快速的整合各種CSS3動畫特效的話,使用它即可方便的實現。 查看演示: http
  • 在HTTP協議中,有Content-Length的詳細解讀。Content-Length用於描述HTTP消息實體的傳輸長度the transfer-length of the message-body。在HTTP協議中,消息實體長度和消息實體的傳輸長度是有區別,比如說gzip壓縮下,消息實體長度是壓
  • 博友沉沉-_-的這篇express 框架之session分析的已經非常詳細了,本人這裡就不描述了。 總結其中的幾個關鍵點。 1.http協議規定http鏈接是無狀態的鏈接,cookie和session的出現就是為了讓伺服器能識別客戶端請求的連接狀態(通過讀取他們的值來識別)。 2.session的實
  • table中,td單元格無法顯示下全部內容,需要在滑鼠hover時顯示全部內容。 正常顯示樣式: 滑鼠hover時: html: <td>displayAddress<span class="tdtip">popAddress</span></td> css: td{ position:relati
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...