CSS ?? ??
CSS?? 5?? ?? ?? ??? ????.
background-color: ??? ??? ??? ?????.
background-image : ???? ???? ?????.
background-position: ??? ?? ??? ??? ?????.
background-repeat : ?? ???? ???? ?????.
background-attachment: ?? ???? ???? ?? ?????? ??? ?????.
??? ??? ?? ??? ??? ??? ???? ??? ? ????. ???? ? ? ?? ??? ?? ??? ?? ? ???? ???? ??? ?? ??? ??? ????? ??? ??? ???? ???? ????. Firefox, Safari, Opera ? IE8??? ? ????? IE6 ? IE7??? ??? ???? ???? ????.
Background-color
background-color ??? ??? ???? ?????. ? ??? ???? ??? ?? ??? ??? ?? ??? ?? ??? ??? ?????.
???: ???;
???: rgb(0, 0, 255);
???: #0000ff;
???? ???? ???? ??? ??? ?? ??? ? ?? ????.
?? ???
?? ??? ??? ???? ??? ??? ???? ??? ? ????. ???? ?? ??? ? ??, ???? ???? ?? ?? ???? ??? ?? ??? ????? ?????. ??? ?? ?????. ??? ??? ??? ?????? ?? ???? ???. ??? ?? ????? ???? ??? ??? ??? ????? ????.
background-image: url (image.jpg);
??? ???? Images?? ?? ????? ?? ?? ??? ??? ???.
background-image: url( Images/image.jpg);
<html>
<head>
<style type="text/css">
body {background-image: url(這個(gè)地方要寫的就是你的圖片的url地址了);}
</style>
</head>
<body>
</body>
</html>Background-repeat)
?? ??? ?? ? ?? ??? ???? ?????. ?? ??? ?? ?? ?? ? ????. ??? ??? ?? ??? ??? ???? ? ?? ????? ? ????? ?????? ?? ?? ????. ??? ?? ?? ??? ??? ????.
background-repeat:peat; /* ???, ?? ? ?? ???*/
background-repeat: no-repeat; ???? ????. ??? ? ?? ?????. */
background-repeat:peat-x; /* ??? ???(x?? ??) */
background-repeat:peat-y; x?) y?? ??) */
background-repeat: ??; /* ?? ??? background-repeat ?? ?? */
<html>
<head>
<style type="text/css">
body
{
background-image:url(圖片123.jpg);
background-repeat:no-repeat;
}
</style>
</head>
<body>
</body>
</html>??? ????
??? ??? ??? ?? ?? ???? ?? ??? ??? ??? ? ????. ??? ??? ????.
??: ???? ????? ???? ???? ????
?? ?? ?? ????
background-color???. : ??;
?? ???: url(image.jpg);
?? ??: 50% 0;
?? ??: ???;
?? ??: repeat-y;
? ? ?? ??? ? ????:
background: transparent url (image.jpg) 50% 0 ??? Repeat-y;
??? ??? ????. ??? ?? ??? ??? ????. ?? ???? ??? ???? ?????. ?? ?? ? ?? ??? ?? ??? ????:
background: url (image.jpg) 50% 0peat-y;
<html>
<head>
<style type="text/css">
body
{
background:#ff0000 url(圖片888.jpg) no-repeat fixed center;
}
</syle>
</head>
<body>
<p>各個(gè)屬性間并無順序</p>
<p>各個(gè)屬性間并無順序</p>
<p>各個(gè)屬性間并無順序</p>
<p>各個(gè)屬性間并無順序</p>
</body>
</html>
