1. 程式人生 > >CSS如何修改tr邊框屬性

CSS如何修改tr邊框屬性


          tr是html標籤中行的標記,在web開發中,有時候我們為了美觀需要修改行的屬性。比如tr的邊框。如果我們按照如下的形式修改tr的屬性就大錯特錯了.      

tr{

   border:1px  solid #DDDDDD;

}

             這樣是沒有任何效果的。因為表格中的tr並非單一的邊框,這樣便需要屬性border-collapse,border-collapse 屬性設定表格的邊框是否被合併為一個單一的邊框,還是象在標準的 HTML 中那樣分開顯示。

         例項:為表格設定合併邊框模型:

   table{

      border-collapse:collapse;
   }

         引數:

         separate 預設值。邊框會被分開。不會忽略border-spacing 和 empty-cells 屬性。

         collapse   如果可能,邊框會合併為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。

         inherit      規定應該從父元素繼承border-collapse 屬性的值。

相關推薦

CSS如何修改tr邊框屬性

          tr是html標籤中行的標記,在web開發中,有時候我們為了美觀需要修改行的屬性。比如tr的邊框。如果我們按照如下的形式修改tr的屬性就大錯特錯了.       tr{

css--尺寸和邊框屬性

一、尺寸和邊框 1、尺寸屬性 頁面中允許設定尺寸的元素:     *所有的塊級元素都可以設定 &n

css-邊框屬性

一、css邊框屬性 1.border屬性 (1)border:複合屬性,設定物件邊框的特性, 如使用該複合屬性定義其單個引數,則其他引數的預設值將無條件覆蓋各自對應的單個屬性設定 (2)例如:border:1px solid red; 設定或檢索物件邊框寬度 設定或檢索物件邊框樣

第2章 css邊框屬性

圓角效果 border-radius border-radius是向元素新增圓角邊框。 使用方法: border-radius:10px; /* 所有角都使用半徑為10px的圓角 */ border-radius: 5px 4px 3px 2px; /* 四個半徑值分別是左上角、右上角、右下角和

Linux命令 查看及修改文件屬性

若是 有用 -s 工作組 文件類型 大牛 tro 命令執行 建立 chmod [功能說明] 改變文件的訪問權限 #Linux中訪問權限分為:文件屬主(文件的創建者)文件組屬主(創建者所處的組)和其他(其他用戶) [語法格式] Chmod[參數]mode[文件名或目錄名]

CSS控制列表樣式屬性list-style有哪些?怎麽用?

w3cschool list-style 控制列表樣式 css 前端開發 CSS列表樣式屬性list-style有哪些類型?不同類型CSS控制列表樣式使用時該註意什麽?這是W3Cschool用戶Shirley於2016-11-10在W3Cschool編程問答提出的問題。雲南小天使的回答很好

css修改單選、復選按鈕樣式

class radi html inpu con cnblogs margin clas 單選 只支持IE9及以上 html <label><input class="radio" type="radio" name="radio1"/><s

關於CSS中的overflow屬性

屬性 pan 用戶 normal style visible 默認值 也會 可見 定義和用法: overflow屬性規定當內容溢出元素框時發生的事情。 這個屬性定義溢出元素內容區的內容會如何處理。如果值為scoll,不論是否需要,用戶代理都會提供一種滾動機制。因此,有可能即

css樣式的所有屬性

ted 字體 float mod ima left sca mil 圖像 background 一個聲明中設置所有的背景屬性。 background-attachment 設置背景圖像是否固定或者隨著頁面的其余部分滾動。 background-color

CSS cursor 和 opacity 屬性

mov 屬性 級別 element poi oss ogr ont 舉例 cursor :一些不同的光標,當設置該屬性之後,鼠標指上去會隨著屬性而改變。 舉例: <span style="cursor:crosshair">十字線</span>&l

css基礎:樣式屬性

-h otto 下劃線 基礎 size out 去掉 滾動 ddl 1.背景與前景:background-color:;背景色,樣式表優先級高。 background-image:url(路徑);設置背景圖片 background-attachment:fixed;背景固定

CSS中常用的屬性

沒有 方向 light 之間 pan let -i 附件 circle 字體屬性 Font-family 字體族科 Font-size 字體大小 Font-style 字體樣式 Font-weight 字體加粗 normal |bold(加粗)|lighter(

css修改瀏覽器默認的滾動條樣式

box idt ica inset wid log class 滑動 llb //滾動條樣式 ::-webkit-scrollbar { width: 10px; } /* 垂直滾動條的滑動塊 */ ::-webkit-scrollbar-thumb:vertical

理解與應用css中的display屬性

寫代碼 塊級元素 get tle 換行符 line attr 沒有 100%   display屬性是我們在前端開發中常常使用的一個屬性,其中,最常見的有: none block inline inline-block inherit   下面,我將按照順序將上述幾種屬

css動畫-animation各個屬性詳解(轉)

yellow range 空隙 定義 tro content bin ora .com CSS3的animation很容易就能實現各種酷炫的動畫,雖然看到別人的成果圖會覺得很難,但是如果掌握好各種動畫屬性,做好酷炫吊炸天的動畫都不在話下,好,切入正題。 一、動畫屬性:

CSS修改Autocomplete樣式

有時 let 密碼 blog border 用戶登錄 ans 解決辦法 :focus 舉個場景:在用戶登錄成功的時候,瀏覽器有時候會咨詢你是否記住密碼,當你記住密碼下次登錄的時候,標簽會自動填充,但是這樣會造成樣式不統一,解決辦法如下: input:-webkit-aut

linux刪除不了文件, 修改文件屬性也刪除不了的一個解決思路

邏輯 連接 文件屬性 英文 一個 -- span 隱藏屬性 linux 場景:   公司要求卸載軟件時, 也包含卸載一個目錄下的所有文件. 於是去修改刪除文件的shell腳本, 添加了刪除文件及文件夾的命令(當然是在root權限下的)   如: rm -rf /home/v

CSS 清除浮動 clear 屬性

article 下一個 一個 包含 left 取消 留下 很多 width CSS 清除浮動 clear 屬性用於設定元素哪一側不允許有其他浮動元素(而並非取消元素的浮動)。 可能的取值如下: 取值說明 none 默認值,允許兩側都有浮動元素 left 左側不允許有

CSS--flex常用的屬性

浮動 對齊 w3c 推薦 column 水平 ram con uno Flex布局 display:flex 指定當前盒子為伸縮盒 flex-direction:column 把盒子內容垂直從上往下排列 row 把盒子內容垂直從左往右排列 flex-wrap:

通過nginx配置修改網頁cookie屬性

cookie secure httponly x-frame-options nginx 公司的電子商城在十九大等保安檢時期被折騰出去,結果這幾天又折騰回來了,據說還會是明年大數據研究院的主要開發項目。結果回來沒幾天被測試中心的人在cookie方面發現了幾個問題,如下:1.cookie沒有