text-decoration和border和outline关系实例页面

回到相关文章 »

代码:

CSS代码:
.target { 
    font-size: 80px; font-family: simsun; 
    border-top: 8px solid #cd0000; border-bottom: 8px solid #48AA6F; 
    text-decoration: underline overline; 
    text-decoration-color: #2C62BC;
    outline: 8px solid #AAA248;
}
                
HTML代码:
<span id="target" class="target">文字而已</span>
                

效果:

文字而已

字体: 边框粗细(1-20):