江苏龙网

  1. 主页 > 生活百科 > >

60个非常实用的CSS代码片段，千万要收藏好了( 六 )

CSS代码

 
59、鲜艳的锚链接
a { color: #00e;}a:visited { color: #551a8b;}a:hover { color: #06e;}a:focus { outline: thin dotted;}a:hover, a:active { outline: 0;}a, a:visited, a:active { text-decoration: none; color: #fff; -webkit-transition: all .3s ease-in-out;}a:hover, .glow { color: #ff0; text-shadow: 0 0 10px #ff0;} 
60、带CSS3特色的横幅显示
.featureBanner { position: relative; margin: 20px}.featureBanner:before { content: "Featured"; position: absolute; top: 5px; left: -8px; padding-right: 10px; color: #232323; font-weight: bold; height: 0px; border: 15px solid #ffa200; border-right-color: transparent; line-height: 0px; box-shadow: -0px 5px 5px -5px #000; z-index: 1;}.featureBanner:after { content: ""; position: absolute; top: 35px; left: -8px; border: 4px solid #89540c; border-left-color: transparent; border-bottom-color: transparent;}



推荐阅读


上一篇：梦见别人盖自己的被 梦见有人给自己盖被子自己有意识就是睁不开眼

下一篇：sql优化实战