TABLE 的css的樣式表
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
下面為HTML
<head>
<title></title>
<link rel="stylesheet" href="table.css" type="text/css" media="screen" />
</head>
<body>
<table class="admintable" width="100%">
<tr>
<th class="adminth">標題<th></th>
<th class="adminth">標題<th></th>
<th class="adminth">標題<th></th>
<th class="adminth">標題<th></th>
</tr>
<tr>
<td class="admincls0">內容1</td>
<td class="admincls0">內容1</td>
<td class="admincls0">內容1</td>
<td class="admincls0">內容1</td>
</tr>
<tr>
<td class="admincls1">內容1</td>
<td class="admincls1">內容1</td>
<td class="admincls1">內容1</td>
<td class="admincls1">內容1</td>
</tr>
<tr>
<td class="admincls0">內容1</td>
<td class="admincls0">內容1</td>
<td class="admincls0">內容1</td>
<td class="admincls0">內容1</td>
</tr>
<tr>
<td class="admincls1">內容1</td>
<td class="admincls1">內容1</td>
<td class="admincls1">內容1</td>
<td class="admincls1">內容1</td>
</tr>
</table>
<p> </p>
<table width="245" height="241" border="1" cellspacing="0" bordercolor="#99BCFC">
<tr>
<th class="adminth_s2" width="57" scope="row">標題</th>
<td width="178" bgcolor="#EAEAEA"><p>
<input name="textfield" type="text" id="textfield" size="25" />
</p> </td>
</tr>
<tr>
<th class="adminth_s2" scope="row">標題</th>
<td bgcolor="#EAEAEA"><p>
<input name="textfield2" type="text" id="textfield2" size="25" />
</p> </td>
</tr>
<tr>
<th class="adminth_s2" scope="row">標題</th>
<td bgcolor="#EAEAEA"><p>
<input name="textfield3" type="text" id="textfield3" size="25" />
</p> </td>
</tr>
<tr>
<th class="adminth_s2" scope="row">標題</th>
<td bgcolor="#EAEAEA"><p>
<input name="fileField" type="file" id="fileField" size="15" />
</p> </td>
</tr>
<tr>
<th class="adminth_s2" scope="row">標題</th>
<td bgcolor="#EAEAEA"> <p>
<textarea name="textarea" id="textarea" cols="23" rows="6"></textarea>
</p> </td>
</tr>
</table>
<p> </p>
<table width="200" class="admintable_s2" cellspacing="0">
<tr>
<td class="admintd">標題</td>
<td>內容</td>
</tr>
<tr>
<td class="admintd">標題</td>
<td>內容</td>
</tr>
<tr>
<td class="admintd">標題</td>
<td>內容</td>
</tr>
</table>
<p> </p>
<table width="200" class="stage" cellspacing="0">
<tr>
<td colspan="2" class="stagetd">標題內容stagetd</td>
</tr>
<tr class="stagetr_tr1">
<td>內容</td>
<td>內容</td>
</tr>
<tr class="stagetr_tr2">
<td>內容</td>
<td>內容</td>
</tr>
<tr class="stagetr_tr1">
<td>內容</td>
<td>內容</td>
</tr>
<tr class="stagetr_tr2">
<td>內容</td>
<td>內容</td>
</tr>
</table>
<p> </p>
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
下面為css
table.admintable {
border:1px solid #AEDEF2;
border-collapse: collapse;
}
table.admintable_s2{
color:#658fd4;
border-bottom:#aedef2 thin solid;
border-left:#aedef2 thin solid;
border-right:#aedef2 thin solid;
border-top:#aedef2 thin solid;
background-color: #eef6fe;
font-size:12px;
font-family:"新宋體";
overflow:auto;
}
td.admintd{
color: #0066cc;
font-size:14px;
color:#05B;
}
th.adminth {
width: 671px;
color: #0066cc;
background-color: #eef6fe;
font-size:14px;
color:#05B;
border:1px solid #AEDEF2;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#AEDEF2,endColorStr=ghostwhite);
}
th.adminth_s2 {
width: 671px;
color: #0066cc;
background-color: #eef6fe;
font-size:14px;
color:#05B;
border:1px solid #AEDEF2;
}
td.admincls0 {
border:1px solid #AEDEF2;
background:ghostwhite;
font-size:12px;
font-family: 新宋體;
color: #333;
}
td.admincls1 {
border:1px solid #AEDEF2;
background:#DAF0F1;
font-size:12px;
font-family: 新宋體;
color: #333;
}
th.menu {
color: #006699;
font-family: "新宋體";
font-size: 14px;
}
td.stagetd{
color:#236E11;
font-size:14px;
font-family:"新宋體";
border-bottom:#456602 thin dashed;
background:#EBFEC5;
}
table.stage{
border-bottom:#FFFFFF thin solid;
border-left:#FFFFFF thin solid;
border-right:#FFFFFF thin solid;
border-top:#FFFFFF thin solid;
font-size:14px;
font-family:"新宋體";
overflow:auto;
}
tr.stagetr_tr1{
border-bottom:#FFFFFF thin solid;
border-left:#FFFFFF thin solid;
border-right:#FFFFFF thin solid;
border-top:#FFFFFF thin solid;
background-color: #EBFEC5;
font-size:12px;
font-family:"新宋體";
}
tr.stagetr_tr2{
border-bottom:#FFFFFF thin solid;
border-left:#FFFFFF thin solid;
border-right:#FFFFFF thin solid;
border-top:#FFFFFF thin solid;
font-size:12px;
font-family:"新宋體";
}
相關推薦
CSS樣式表
標題 百分比 比較 對齊方式 nal 表示 滾動條 pad 相關 CSS樣式表的樣式主要可以分為大小，背景，字體，對齊方式，邊界邊框，列表方塊，格式布局等。 元素的大小： #div1{ width:300px; height:100
JS 對html標簽的屬性的幹預以及JS 對CSS 樣式表屬性的幹預
inpu cti doc tel tex ttext button abcd element -任何標簽的任何屬性都可以修改! -HTML裏是怎麽寫, JS就怎麽寫 以下是一段js 作用於 css 的 href的 代碼 <link id="l1"
久未更 ~ 五之 —— 引入外部CSS樣式表 小節
col div ... fun class utf-8 css樣式 splay date > > > > > 久未更 系列一：在html中引入外部css樣式表 1 //引入外部css樣式表 2 //<lilnk&
css樣式表--樣式表分類
head 附加 鏈接 內嵌 css樣式 href nbsp tex itl 樣式表分類 1、內聯式。寫在body裏。控制精確，可重復性差。 <body> <div style="color:#90F">更好發揮的返回結果還
css樣式表中的樣式覆蓋順序
精確 一個 avi 樣式 ren code spartan tor 怎樣 原文:css樣式表中的樣式覆蓋順序 有時候在寫CSS的過程中，某些限制總是不起作用，這就涉及了CSS樣式覆蓋的問題，如下 <!DOCTYPE html> <html
如果在一個標簽上兩類並用，css樣式表中引用時，兩個類必須寫在一起，不能有空格。
nbsp clas div 樣式表 ext style borde 引用 order 例： <html> <style type="text/css"> .mui-table-view-cell.mui-collapse{ bo
CSS樣式表（一）
縮進 刪除 idt 表示 wid 例如 精確 優點 mage 在HTML中為各標簽加上樣式有內聯、內嵌和外部樣式表三種添加方式。內聯的是直接在標簽內添加style="樣式"即可；內嵌的是直接嵌在網頁內，在<head></head>內加入&
CSS樣式表概述---運維筆記
相同 內容 因此 id選擇器 對象 內部 直接 css 註意事項 CSS是一種標記語言，因此不需要編譯，可以由瀏覽器直接執行。 樣式表分為內部樣式表與外部樣式表，由樣式規則組成，一個樣式的基本語法包括三部分：選擇器，屬性，屬性值。 選擇器：表示修飾對象，包括標簽選擇器，類選
【2018-01-28】HTML-css樣式表分類、選擇器
set html span ima meta class選擇器 優先 sheet har 樣式表，css:層疊式樣式表style後綴名：css 分類：內聯：寫在標記的屬性位置，優先級最高，重用性最差內嵌：寫在頁面的head中，優先級第二，重用性一般外部：寫在一個以css結尾
更新瀏覽器CSS樣式表
stack target -s get sheet style overflow 樣式 pan 例： <link rel="stylesheet" href="css/c1.css?v=1" type="text/css"> ?v=1 https:/
css樣式表可以被嵌入網頁裏面嗎?
.com 比較 pan 分享 rip 樣式表 分享圖片 bsp info 我們一般聽說的是：javascript可以被嵌入到網頁任何地方？ 而我們一直忽略了css也可以嵌入到網頁任何地方 不過，建議這種方式少寫，為了瀏覽器的渲染速度
CSS樣式表知識總結
adf aid 大於 d+ pre sheet 選擇 order 重用 分類 |------內聯 寫在標簽裏面，控制精確，代碼重用性差 |---------style=樣式 <div style="background: yellow; width: 1
13 CSS樣式表命名參考表
技術 current 圖片 play splay idt 式表 eight src 13 CSS樣式表命名參考表
CSS 樣式表｛二｝
矩形區域 偽類選擇器 read 根據 情況下 text 添加 雙線 das 1 選擇器的優先級 選擇器的優先主要考慮選擇器的權重 可以將各種選擇器的權重以數值來表示，數值越大，優先級越高 選擇器 權重值 標簽selector 1 類選擇器 10
JavaScript指令碼化CSS樣式表
在使用JavaScript指令碼化操作CSS樣式表的時候，必須要使用到兩個物件： 1，元素物件：也就是<link>元素與<style>元素。 2，CSSStyleSheet物件：與當前文件關聯的在一起的樣式表，通過document.styleSheets獲取，該物件是隻讀的
CSS——（CSS樣式規則，CSS樣式表單，選擇器，常用的CSS屬性）
CSS（Cascading Style Sheets，層疊樣式表單）是由W3C所提出，主要的用途是控制網頁的外觀，也就是定義網頁的編排，顯示，格式化及特殊效果，有部分功能與HTML重疊。 1.CSS樣式規則與選擇器 CSS樣式表單是由一條一條的樣式規則（st
css css樣式表 選擇器 宣告
css部分 css指層疊樣式表（cascading style sheets），它們控制網頁內容的外觀。使用css設定頁面樣式時，可以將內容與表現形式分開。網頁內容（HTML程式碼） 駐留在HTML檔案自身中，而css駐留在另一個檔案中（外部樣式表*.css）或HTML文件
Java Web 2.2 CSS樣式表
2.2 CSS樣式表 定義——CSS：（cascading style sheets，層疊樣式表），通常說的樣式表。CSS是一種美化網頁的技術，通過使用CSS可以方便、靈活地設定網頁中不同元素的外觀屬性，使
網頁中新增CSS樣式表的四種方式
1.內嵌樣式 <p style="color: sienna;margin-left: 20px;"> 這是一個段落 </p> <!--這個段落顏色為土黃，左邊距為20象素-->2.匯入外部樣式表 a <head>
網頁新增CSS樣式表的四種方法
一、使用STYLE屬性： 將STYLE屬性直接加在個別的元件標籤裡。 <元件(標籤) STYLE="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...} 例如： <TD STYLE="COLOR:BLUE; font-size:9pt; fo