CSS
text-shadow
(*.png, *.jpg, *.gif)
div img box-shadow
(breaks)
css
CSS
div css
CSS
CSS
h1 CSS
CSS
CSS
+ mp3, pdf, email
() CSS
CSS
rollover CSS
CSS
google CSS
CSS
CSS
CSS
CSS
CSS
, css . !
text-shadow
. .
.text-shadow {
text-shadow: 2px 2px 4px #666;
}
. css .
#border-image-style {
border-width:15px;
/* 3 types of border exist repeated, rounded or stretched (repeat / round / stretch) */
-moz-border-image:url(border.png) 30 30 stretch;
-webkit-border-image:url(border.png) 30 30 stretch;
}
div img box-shadow
, . .
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
CSS3 . . , .
.round{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
, . css 4 .
#Bottom_Right {
height: 65px;
width:160px;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
}
#Bottom_Left {
height: 65px;
width:160px;
-moz-border-radius-bottomleft: 50px;
border-bottom-left-radius: 50px;
}
#Top_Right {
height: 65px;
width:160px;
-moz-border-radius-topright: 50px;
|
|
border-top-right-radius: 50px;
}
#Top_Left {
height: 65px;
width:160px;
-moz-border-radius-topleft: 50px;
border-top-left-radius: 50px;
}
CSS3 . , , .
background: -webkit-gradient(linear, left top, left bottom, from(#74b8d7), to(#437fbc));
background: -moz-linear-gradient(top, #74b8d7, #437fbc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74b8d7', endColorstr='#437fbc');
(breaks)
css , , . , , , . , .
.page-break{
page-break-before:always;
}
css
, CSS . . css .
.pull-quote {
width: 200px;
float: right;
margin: 5px;
font-family: Georgia, "Times New Roman", Times, serif;
font: italic bold #ff0000;
}