¡ÚÇÛÉÛ¡Û¤ª¤·¤ã¤ì¤Ë¤Ê¤ê¤¿¤¤CSS¡Ú¥·¥ó¥×¥ë¡Û

Ì´¤Èºá ¥Ú¡¼¥¸7

¥Ô¥ó¥¯¿§¤Ã¤Æ¤È¤Æ¤â¤«¤ï¤¤¤¤¤Ç¤¹¤è¤Í


¥µ¥ó¥×¥ë

*

body{background-color:#ffaabb;}

body{
color:#493633;
}


a:link{
color:#493633;
}
a:visited{
color:#4c0000;
}
a:hover{
color:#ab4470;
}

div#desc{
background-color:#ffe8ea;
border-radius:25px;
}

div#container,div#content,div#navigation{
background:transparent;
border:0;
}

div#wrapper{
background: rgba(255,250,248,0.9);
border:0;
border-radius:20px
}

div#desc,#u_result{
letter-spacing:1px;
}

input[type=text]{
background-color:#ffeaec;
color:#493633;
border:0;
border-radius:10px;
}
input[type=submit]{
background-color:#ffaabb;
color:#fff6f1;
border-radius:20px;
}
input[type=submit]{
border:3px solid #ffffff;
}

form#dr{
background-color:#ffcacc !important;
color:#493633;
border-radius:20px
}

input[type=radio]{visibility:hidden;}
input[type=radio] + label{
padding-left:1.5em;
background:url() no-repeat left center;
background-size:1em 1em;
display:inline !important; line-height: 150%;
}
input[type=radio]:checked + label{
background:url() no-repeat left center;
background-size:1em 1em;
}

#navigation h2{
background-color:#ffaabb;
color:#fffffd;
border-radius:15px
}

#navigation h2 a:link,#navigation h2 a:visited{
color:#fffffd;
}

#navigation h2 a:hover{
color:#ab4470;
}

form#dr a:link,form#dr a:visited{
color:#3e282c !important;
}
form#dr a:hover{
color:#ffffff !important;
}

.result h3{
color:#fffffd !important;
background-color:#ffaabb !important;
border-radius:9px
}

Àã¤Î¿ô¢ª¢«¿¹¤È»Ø

¢ª Ìܼ¡¤Ø¡ÃºîÉʤòºî¤ë¡Ã´¶ÁÛ¤ò½ñ¤¯
¾¤ÎºîÉʤòõ¤¹