, , , border-bottom, border-left, border-right, border-top " " :
border-bottom - , .
border-bottom-color - .
border-bottom-style - .
border-bottom-width - .
border-left - , .
border-left-color - .
border-left-style - .
border-left-width - .
border-right - , .
border-right-color - .
border-right-style - .
border-right-width - .
border-top - , .
border-top-color - .
border-top-style - .
border-top-width - .
, , , , border-style, border-width border-color, , .
:
<html>
<head>
<title> </title>
<style type="text/css">
div{
border-left: 10px solid #008000;
background: #c6f2de;
}
</style>
</head>
<body>
<div>
<p> div border-left :</p>
div{<br>
border-left: 10px solid #008000;<br>
background: #c6f2de;<br>
}
<p> , .</p>
<p> :</p>
div{<br>
border-left-color: #008000;<br>
border-left-style: solid;<br>
border-left-width: 10px;<br>
background: #c6f2de;<br>
}
<p> ?:)</p>
</div>
</body>
</html>
Border
border - , .
border , .
:
<html>
<head>
<title>border</title>
<style type="text/css">
div{
border: RGB(25, 125, 25) 6px ridge;
}
</style>
</head>
<body>
|
|
<div>
<h3> :</h3>
<p> - - .</p>
</div></body></html>
, border-bottom, border-left, border-right, border-top.
.
CSS border-collapse .
( HTML border CSS), , border-collapse .
:
separate - ( ).
collapse - .
inherit - . ( .)
:
<html><head><title> </title></head>
<body>
<table cellpadding="5" border="5">
<caption> </caption>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
</table>
<hr>
<table cellpadding="5" border="5" style=" border-collapse: collapse ">
<caption> CSS border-collapse collapse</caption>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
</table> </body></html>
23.
:
<div id=" " style="position:absolute; left:204px; top:143px; width:171px; height:62px; z-index:2"> </div>
id - , !
style - , . div - , - , .
left - : , .
top - .
, , .
z-index - . , , .
, , , , , , , .
:
background-color:
layer-background-color:
border: 1px none - "", 1 .
|
|
. -.
. , .