sample xhtml source
<div class="popful">
<a href="http://isaji.cheap.jp/popfulmail/">
<span class="mailla">mail'la'</span>
<span>Commune!</span>
</a>
</div>
sample css source
.popful {
color : #000;
font-size : 70%;
font-weight: bold;
width : 12em;
}
.popful a:link,
.popful a:visited,
.popful a:hover {
text-decoration: none;
background-color: #cfd;
color: #000;
border : 1px solid #3faf43;
}
.popful span.mailla {
padding : 0;
background-color: #fff;
color: #3faf43;
}
sample css source
.popful2 {
color : #000;
font-size : 70%;
font-weight: bold;
width : 12em;
}
.popful2 a {
display: block;
width: 100%;
}
.popful2 a:link,
.popful2 a:visited,
.popful2 a:hover {
background-color: #cfd;
color: #000;
text-decoration: none;
}
.popful2 a:link,
.popful2 a:visited {
border-top: 1px solid #00ff7f;
border-right: 2px solid #006400;
border-bottom: 2px solid #006400;
border-left: 1px solid #00ff7f;
}
.popful2 a:hover {
border-top: 2px solid #006400;
border-right: 1px solid #00ff7f;
border-bottom: 1px solid #00ff7f;
border-left: 2px solid #006400;
}
.popful2 span.mailla {
padding: 0 0.4em;
background-color: #fff;
color: #3faf43;
}