, 16 2010 . 16:52
+
CSS , -
- - CSS | -
- - CSS |
CSS -:
<head>
<title></title>
<style type="text/css">
body {
background-image:url(./images/cvetok.png);
background-repeat:no-repeat;
background-position:center 80px
}
</style>
</head>
<body>
<p> ,
.</p>
</body>
|
background-position (1- ) (2- ) -. - , 80px . background-position , : left, right, center, bottom, top.
: - CSS
- , , web-, <div> </div>.
CSS |
:
<head>
<title></title>
<style type="text/css">
body {
background-color:#66cc66
}
#name {
margin:0 auto;
width:550px;
height:300px;
padding:30px;
border:3px solid #ffff00;
background-color:#ffdd00;
background-image:url(./images/cvetok2.png);
background-repeat:no-repeat;
background-position:100px 100px;
color:#ffffff
}
</style>
</head>
<body>
<div id="name"> </div>
</body>
|
- margin – .
- margin:0 auto – .
- padding – .
- border – .
- width – .
- height – .
- color – .
, : (0). x y. 100 100 -. ...
A margin, padding, border, width, height .
: CSS
<div> </div>, CSS, . , web-.
:
<head>
<title></title>
<style type="text/css">
body {
background-color:#66cc66
}
#name {
margin:0 auto;
width:550px;
height:300px;
padding:30px;
border:3px solid #ffff00;
background:#ffdd00 url(./images/cvetok2.png) no-repeat 100px 100px;
color:#ffffff
}
</style>
</head>
<body>
<div id="name"> </div>
</body>
|
:
background . :
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
background, . background-attachment, .
ab-w.net
:
css
css
1
