CSS ??
CSS ??
CSS ?? ??? HTML ??? ??? ???? ? ?????.
CSS ??? ?? ??? ?????:
???
?? ???
?? ??
?? ??
?? ??
?? ??
?? ?? ??? ??? ?? ??? ?????.
CSS??? ????? ?? ?? ?????. ??? ?? ????:
16?? - ?: "#ff0000"
RGB - ?: "rgb(255,0,0)"
?? ?? - ?: "red"
?? ??? h1, p ? div ??? ?? ?? ???? ????.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
h1
{
background-color:#6495ed;
}
p
{
background-color:#e0ffff;
}
div
{
background-color:#b0c4de;
}
</style>
</head>
<body>
<h1>靜夜思</h1>
<div>
床前明月光，
<p>疑是地上霜。</p>
舉頭望明月，
<p>低頭思故鄉(xiāng)。</p>
</div>
</body>
</html>?? ???
?? ??? ?? ??? ?? ???? ?????.
????? ?? ???? ????? ?? ?? ??? ??? ?????.
??? ?? ??? ?? ?:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>圖片背景測試</title>
<style>
body
{
background-image:url('http://pic.58pic.com/58pic/14/94/21/80U58PICPJM_1024.jpg');
background-color:#cccccc;
}
</style>
</head>
<body>
<h1>明天你好！！</h1>
</body>
</html>?? ??? - ?? ?? ?? ??
????? background-image ??? ???? ?? ?? ???? ??????.
?? ??? ?? ?? ???? ?? ? ???? ????? ???? ?? ????.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>圖片背景測試</title>
<style>
body
{
background-image:url('http://img01.taopic.com/141002/240423-14100210124112.jpg');
}
</style>
</head>
<body>
<h1>明天你好！！</h1>
</body>
</html>???? ????? ???? ??(repeat-x), ???? ????? ???? ??( ??-y).
?? ??? - ?? ?? ?? ???? ??
?? ???? ??? ????? ??? ?? ??? ???.
??? ???? ??? ?? ??, background-repeat ??? ??? ? ????:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>圖片背景測試</title>
<style>
body
{
background-image:url('http://img01.taopic.com/141002/240423-14100210124112.jpg');
background-repeat:no-repeat
}
</style>
</head>
<body>
<div>
<h1>明天你好！！</h1>
</div>
</body>
</html>?? ???? ??? ????? ?? ????? ??? ??? ??? ??? ?? ??? ?? ???? ???? ??? ??? ?????. , ???? ??? ????? ? ????.
background-position ??? ???? ???? ???? ??? ????? ? ????
background-position:right top;
Background - ?? ??
?? ??? ???? ???? ?? ??? ?? ???? ?? ? ? ????.
??? ??? ??? ????? ?? ??? ??? ??? ??? ??? ? ????.
???? ?? ??? "Background"???.
?? ??? ???? ?? ?? ??? ??? ????: attachment
?? ??
? ??? ?? ??? ??? ??? ???? ?? ??? ?? ???? ???.
