预览： http://www.deltatangobravo.com/images/zoom/
代码：
text-small.css
body, div {
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small
}
#main {
width: 450px;
}
h1 {
background: url(title-small.gif);
height: 45px;
}
#text-small {
background: #eee;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
color: #ccc;
}
#text-medium {
background: #ff9;
border-bottom: 1px solid #993;
border-right: 1px solid #993;
border-top: 1px solid #E4E47D;
border-left: 1px solid #E4E47D;
color: #330;
}
#text-large {
background: #ff9;
border-bottom: 1px solid #993;
border-right: 1px solid #993;
border-top: 1px solid #E4E47D;
border-left: 1px solid #E4E47D;
color: #330;
}
#text-medium:hover, #text-large:hover {
background: #E6E688;
text-decoration: underline;
}
text-medium.css
body, div {
font-size: small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: medium
}
#main {
width: 560px
}
h1 {
background: url(title-medium.gif);
height: 56px;
}
#text-small {
background: #ff9 url(images/textsize-back.gif);
border-bottom: 1px solid #993;
border-right: 1px solid #993;
border-top: 1px solid #E4E47D;
border-left: 1px solid #E4E47D;
color: #330;
}
#text-medium {
background: #eee;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
color: #ccc;
}
#text-large {
background: #ff9 url(images/textsize-back.gif);
border-bottom: 1px solid #993;
border-right: 1px solid #993;
border-top: 1px solid #E4E47D;
border-left: 1px solid #E4E47D;
color: #330;
}
#text-large:hover, #text-small:hover {
background: #E6E688;
text-decoration: underline;
}
text-large.css
body, div {
font-size: large;
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-large
}
#main {
width: 700px
}
h1 {
background: url(title-large.gif);
height: 70px;
}
#text-small {
background: #ff9 url(images/textsize-back.gif);
border-bottom: 1px solid #993;
border-right: 1px solid #993;
border-top: 1px solid #E4E47D;
border-left: 1px solid #E4E47D;
color: #330;
}
#text-medium {
background: #ff9 url(images/textsize-back.gif);
border-bottom: 1px solid #993;
border-right: 1px solid #993;
border-top: 1px solid #E4E47D;
border-left: 1px solid #E4E47D;
color: #330;
}
#text-large {
background: #eee;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
color: #ccc;
}
#text-medium:hover, #text-small:hover {
background: #E6E688;
text-decoration: underline;
}