clip地用法

<input type="checkbox" style="position:absolute;clip: rect(5px 16px 16px 5px)" />

<style>
.textBottom { 
    color: #333333; 
    position: absolute; 
    left: 3em; 
    top: 1em; 
    font: 26px Century Gothic,Arial, Helvetica, sans-serif; 
    clip: rect(18px auto auto auto);
}
.textTop { 
    color: #CC0000; 
    position: absolute; 
    left: 3em; 
    top: 1em; 
    font: 26px Century Gothic,Arial, Helvetica, sans-serif; 
    clip: rect(0 auto 18px 0);
}
.container { 
    width: 28em; 
    height: 5em; 
    margin: 1em auto; 
    position: relative; 
    background: #F6F6F6;
}
</style>
<div class="container"> 
 <a href="#" class="textTop">Cascading Style Sheet </a> 
 <a href="#" class="textBottom">Cascading Style Sheet </a>
</div>