設(shè)置背景與表格

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é)果

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容