1. 程式人生 > >HTML小技巧:將table邊框改為細線

HTML小技巧:將table邊框改為細線

HTML製作新手在用TABLE表格時,會碰到如何改變邊線粗線,因為預設的TABLE邊線設定即使是1px 是很粗的。因此會使用其他一些方法來製作出細線邊框,這裡介紹一種利用CSS來實現細線的方法,很有效,而且相容所有瀏覽器。

細線表格如果單純設定邊框,很難保證瀏覽器相容。常見的做法是利用 CSS2 的 "border-collapse:collapse;" 屬性合併表格邊框;並對 table 元素設定左邊框和上邊框,對 th 和 td 元素設定右邊框和下邊框。

CSS:

table{border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;background:#efefef;}
th,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}
th{font-weight:bold;background:#ccc;}

相關推薦

HTML技巧:table邊框

HTML製作新手在用TABLE表格時,會碰到如何改變邊線粗線,因為預設的TABLE邊線設定即使是1px 是很粗的。因此會使用其他一些方法來製作出細線邊框,這裡介紹一種利用CSS來實現細線的方法,很有效,而且相容所有瀏覽器。 細線表格如果單純設定邊框,很難保證瀏覽器相容。

HTML技巧table邊框

HTML製作新手在用TABLE表格時,會碰到如何改變邊線粗線,因為預設的TABLE邊線設定即使是1px 是很粗的。因此會使用其他一些方法來製作出細線邊框,這裡介紹一種利用CSS來實現細線的方法,很有效,而且相容所有瀏覽器。 細線表格如果單純設定邊框,很難保證瀏覽器相容。

HTML通過JSTable匯出Excel表格

//第一種方法 function method1(tableid) { var curTbl = document.getElementById(tableid); var oXL = new ActiveXObject("E

3.7 單向關聯雙向

同時 qstring for name 總結 class n) private urn 【1】單向、雙向關聯 單向和雙向關聯的區別:兩個類是否需要互相知道。 如果類A需要知道類B,而類B也需要知道類A,那麽這兩個類就應該是雙向關聯的。如果類A只需要知道類B,而類B不需要

FTP(三)FTP服務非獨立服務方式運行

FTP將FTP服務改為非獨立服務方式運行 "此方法只針對CentOS6可用,CentOS7默認就是非獨立服務" 1,需要安裝xinetd服務 yum install xinetd 2,修改FTP主配置文件 vim /etc/vsftpd/vsftpd.conf

CAD圖紙中存在多個字型如何其全部統一字型

我們設計完一個CAD設計檔案,並不是真的算完成一個專案,還有最後的檔案審查以及修改工作,那最後,我們想要將CAD圖紙上的所有文字改變樣式的話,一個一個的更改肯定是不可能的,除非你有絕對的耐心啦,不過你要考慮工作效率啊,親,今天小年就給大家總結一下關於提升技巧,將CAD圖紙中存在多個字型如何將

sublime寫HTML技巧: 設定快捷鍵直接在瀏覽器開啟,快速畫表格

【未完待續】 設定快捷鍵直接在瀏覽器開啟 快捷鍵 Ctrl+Shift+P(選單欄Tools->Command Paletter) 輸入 package control, 點選 install package Ctrl+Shift+P, 輸入view

修改插入排序,順序查詢二分查詢

#include<iostream> using namespace std ; void InsertSort(int *a,int n){ int r,l,m,temp; for(int i=1;i<n;i++){ temp=a[i]; l=0; r=i-1;

HTML——技巧總結

1、讓超連結線面的下劃線消失——”text-decoration:none” eg. <a style="text-decoration: none" class="test" href="http:\\www.baidu.com" target="

JS:只讀檔案可寫檔案

 親測必須將程式碼放在記事本中,改成html格式,在用IE執行(必須) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.d

python全站圖片webp格式

webp是什麼呢? WebP,是由Google發展出來的一種同時提供了有失真壓縮與無失真壓縮的圖片檔案格式。 webp圖片格式可以極大地減少檔案大小,但同時達到和JPEG格式相同的圖片質量,因此可以顯著減少圖片檔案在網路上的傳送時間,節約網路流量 據Google較早的測試,WebP的無失

MyEclipsejava專案web專案

java application在myeclipse中的.project配置檔案為 <?xml version="1.0" encoding="UTF-8"?> <projectDescription> <name>ProjectName</name> &

ubuntu kylin 16.04 python3.5預設

python2.x和python3.x之間有很多區別,很多的python教程還是給予python2.x的,但是python3.x的使用也越來越廣泛。我們在程式開發中,不免需要使用python3.x。當系統中同時存在python2.x和python3.x時,會發現

如何MFC程式UNICODE型別

1.    在Project->C/C++->Preprocessor definitions 中去除_MBCS, 增加_UNICODE2.    在Project->Link->Category->Output->Entry-point

Ubuntu14.04在命令列下預設語言英語

用vi(或nano等文字編輯器)開啟 /etc/default/locale 檔案 將原來的配置內容修改為 LANG=”en_US.UTF-8″ LANGUAGE=”en_US:en” 再在終端下執行: locale-gen -en_US:en 登出或重啟後,即可恢復為英文的語言環境。

MySQLutf8字符集utf8mb4

前言 今天在檢視tomcat日誌時發現了一個錯誤:Cause: java.sql.SQLException: Incorrect string value: ‘\xF0\x9F\x98\x82\xF0\x9F…’ for column ‘name’ at row 1 在網上查找了說是mysql的字符集編碼的問

windows+ubuntu雙系統,ubuntu引導windows引導

實驗室的電腦,之前系統是windows server,然後我在上面裝了ubuntu,變成了雙系統,但是好像是和nvidia的顯示卡不相容的原因,老是跳不出系統選擇介面就直接進來ubuntu。上週偶然因為ubuntu系統的nvidia驅動被我不小心解除安裝了(貌似是這樣),我裝

Swift基礎:閉包逃逸型場景

alt+左鍵 檢視型別 常量 // 定義常量 let a = 10 let b = 20.5 // 常量運算 (X) let result = a + b Binary operator ‘+’ cannot be applied to

excel列序號數字

Excel怎麼將ABC字母表示的列號改成數字列號?我們知道,excel中行號是數字,但是列號確實大寫的ABC字母表示的,該怎麼才能把將ABC字母表示的列號改成數字列號呢?下面我們一起來看看吧 在使用Excel的過程中,我們往往需要將字母列轉化為數字列,或者數字列轉化為字母列,那應該怎麼轉呢,今天小編將方法

R語言-Kindle特價書爬榜示例 & 輸出HTML技巧

20170209更新: 根據回覆提示,rvest包更新,原用函式html作廢,需改用read_html 並後續amazon網頁改版等 因此此文章程式碼失效!各位可看評論內容瞭解詳情 等以後有空再重寫一遍程式碼,抱歉。果然程式碼還是放在github上好啊。。。。 -------------------