1、 js取得邊框border,tableborder?
table邊框為1像素,這個數值越大,邊框就越粗。
border--設置或獲取繪制對象周圍邊框的寬度。設置邊框屬性還有倆個哦 borderColor 設置或獲取對象的邊框色。borderColorDark 設置或獲取用于繪制對象 3D 邊框的兩種顏色的一種。你可以根據需要設置table邊框。2、 請問HTML語句中border?
就是 離邊框=1象素 border就是畫邊框的意思
如果還不夠詳細
它是CSS的一個屬性,用它可以給能確定范圍的HTML標記(如TD、DIV等等)畫邊框,它可以定義邊框線的類型、寬度和顏色,利用這個特性,可以制作一些特殊效果。下面將通過實 例來說明其應用技巧。
1、給文本加邊框
上面的示例中,給一段文字加了不同的邊框,只是為了說明邊框線的顏色、粗細是可變的。第一個邊框的CSS代碼是:style= "border:thin solid red";“border”后面的三個參數的含義是:邊框線的寬度是:thin(細線);邊框線的類型: solid(實線);邊框線的顏色:red(紅色)。我們定義邊框,實際上就是設定這三個參數值。
邊框線的寬度有三個標準值:thin(細線)、medium(中粗線)和thick(粗線),此外,也可以自定義寬度,如:1pt、5px、2cm等。
邊框線的類型有九個確定值:none(無邊框線)、 dotted(由點組成的虛線)、 dashed(由短線組成的虛線)、 solid (實線)、 double(雙線,雙線寬度加上它們之間的空白部分的寬度就等于border-width定義的寬度)、 groove(3D溝槽狀的邊 框)、 ridge(3D脊狀的邊框)、 inset(3D內嵌邊框,顏色較深)、 outset(3D外嵌邊框,顏色較淺),注意:如果系統不支持這些 邊框的屬性值,那么“dotted”、“dashed”、“double”、“groove”、“ridge”、“inset”和“outset”都會被 “solid”代替。
邊框線的顏色:可以用十六進制的顏色代碼,如#00ffcc。
從上面可以看出,給文本加邊框確實很簡單,上例中后面那幾個邊框的設置,我不講你也明白了吧!在這里告訴你一點小技巧,給一段文本加邊框,可 把CSS加在〈P〉標記里;給幾段文本加邊框,先把那幾段文本用DIV標記括起來,再把CSS加在〈DIV〉標記里;若是要給一行文本加幾個不同的邊框, 則需要把文本放在表格里,再把CSS分別加到〈TD〉標記里。
2、給導航菜單加分隔線
上面這個例子中的小白線,當然可以用圖象來做,但我在這里是用CSS的“border”的擴展屬性畫了邊框的一條邊,這樣代碼要少的多。畫邊框的單邊與上例的邊框的四條邊類似,一個邊框的四條邊的屬性如下:
邊框線名稱:border-top(上邊框線)、border-right(右邊框線)、border-bottom(下邊框線)和 boder-left(左邊框線);每條邊框線的類型、寬度和顏色的取值與“boder”屬性相同。如本例中要定義每個單元格的左邊框線為白色線,線的寬 度為“1px”的實線,則CSS代碼是這樣的:style="border-left: 1px solid #ffffff"。在單獨定義邊框線時,若 不給出某個值,那么就取其默認的初始值。在dreamweaver中定義CSS非常方便,不用編寫代碼;把常用的邊框線一次定義好,放在外連式CSS文件 中,要用時調用一下就行了,非常方便。
3、在一個邊框中采用不同寬度和顏色的邊框線
在本例中的效果,當然可以用上例中的方法來實現,但那樣代碼過多,可采用另一種合并的方法,把四條邊的屬性值分類放在一起,如本例的代碼是這樣的:
style="border-style:solid; border-width: thin thin thick thick;border-color:#00ff00 #00ff00 #0000ff #0000ff" 。
從上面可以看出,我把邊框線的類型、寬度和顏色歸類在一起定義了,這里請注意幾點:
一、四條邊框線的位置順序是:上邊框線、右邊框線、下邊框線、左邊框線;
二、我在本例中邊框線的類型只取了一種實線類型,實際上四條邊也可以分別定義不同的類型;
三、屬性值可以定義一個、兩個、三個或者四個。如果僅定義一個屬性值,則其余三個自動取相同值,如:border-style:solid與 border-style:solid solid solid solid的效果完全一樣;如果僅給出兩個或三個值,那么缺失邊的屬性值將取與對邊相同 的值。如:boder-width:thin thick與border-width:thin thick thin thick效果相同, border-width:1px 2px 3px與border-width:1px 2px 3px 2px的效果相同。
Border屬性的靈活應用,可以產生許多特殊效果,方法與上面介紹的相同
3、 css有沒有bordertop?
有的。
在css中,border-top屬性是一個簡寫屬性,是用來將元素上邊框的所有的屬性定義到一個聲明中,當我們要單獨設置元素上邊框的顯示效果的時候,就可使用css中的border-top屬性來實現。
border-top屬性所定義的上邊框屬性:border-top-width(上邊框寬度)、border-top-style(上邊框樣式)、border-top-color(上邊框顏色)。
4、 JS將表單導出成EXCEL的實例代碼?
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<SCRIPT LANGUAGE="javascript">
<!--
function AutomateExcel()
{
// Start Excel and get Application object.
var oXL = new ActiveXObject("Excel.Application");
// Get a new workbook.
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var table = document.all.data;
var hang = table.rows.length;
var lie = table.rows(0).cells.length;
// Add table headers going cell by cell.
for (i=0;i<hang;i++)
{
for (j=0;j<lie;j++)
{
//oSheet.Cells(i+1,j+1).Font.Bold = True
//oSheet.Cells(i+1,j+1).Font.Size = 50
//oSheet.Cells(i+1,j+1).Alignment = 2
oSheet.Cells(i+1,j+1).value = table.rows(i).cells(j).innerText;
}
}
oXL.Visible = true;
oXL.UserControl = true;
}
//-->
</SCRIPT>
</head>
<body>
<table border="1" width="100%" id="data">
<tr>
<td> 姓名</td>
<td colspan="2">年齡</td>
<td>出生日期</td>
</tr>
<tr>
<td>6</td>
<td>25</td>
<td colspan="2">8</td>
</tr>
<tr>
<td height="22">1</td>
<td height="22">2</td>
<td colspan="2" height="22">4</td>
</tr>
</table>
<input type="button" name="out_excel" onclick="AutomateExcel();" value="導出到excel" class="notPrint">
</body>
</html>