1:設(shè)置背景
簡單的說幾點(diǎn)吧
1圖片小魚界面大小,默認(rèn)平鋪
2背景移動(dòng)與定位
3背景顏色
4表格的基本設(shè)置
1:可以同時(shí)設(shè)置背景顏色圖片。color默認(rèn)背景顏色。
漸變平鋪設(shè)置。不設(shè)置X方向平鋪,下方也會被拉長
background-repeat
repeat:默認(rèn)值。圖片左右上下平鋪
no-repeat:只顯示圖片一次,不會被平鋪
repeat-X:沿X軸水平平鋪一張圖片
repeat-Y:沿Y軸水平平鋪一張圖片
2:background-position寫一個(gè)值另外一個(gè)值默認(rèn)center
3:背景顏色屬性將背景設(shè)置為某種顏色。屬性值可以是十六進(jìn)制數(shù)、RGB 值或顏色名。
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
提示:如果你打算使用背景圖片,你需要緊記一下幾點(diǎn):
背景圖像是否增加了頁面的加載時(shí)間。小貼士:圖像文件不應(yīng)超過 10k。
背景圖像是否與頁面中的其他圖象搭配良好。
背景圖像是否與頁面中的文字顏色搭配良好。
圖像在頁面中平鋪后,看上去還可以嗎?
對文字的注意力被背景圖像喧賓奪主了嗎?
4tr:表示表格中的行標(biāo)記,屬性有align:左中右三個(gè)值
td:列標(biāo)記,align屬性可以設(shè)置內(nèi)容的位置
th:是第一行的標(biāo)題
valign屬性可以設(shè)置th和td,可以取值Top或者Bottom。
callpadding:內(nèi)容與單元格邊框的間距
cellspacing:防止文本超出邊框
如果要使單元格實(shí)現(xiàn)跨行或者跨列功能,使用屬性colspan和rowspan.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
<style type="text/css">
table{
width: 300px;
margin: 0 auto;
border-collapse:collapse;
}
td{
border: 1px solid block;
}
</style>
</head>
<body>
<table border="1" width="40%" align="center">
<tr>
<td>名字</td>
<td>住址</td>
<td>學(xué)號</td>
<td>職業(yè)</td>
</tr>
<tr>
<td>老王</td>
<td>隔壁</td>
<td>666</td>
<td>羞羞</td>
</tr>
</table>
</body>
</html>
執(zhí)行結(jié)果
