利用CSS創造多彩文字
2006/10/12 9:16:32
效果:
文字的上半部分
文字的下半部分
二組文字重合的效果
原理:
將二個相同而色彩不同的文字重合在一起,通過分別給其加 clip 屬性,使上面和下面的文字被剪切位置不同,從而產生二種不同的色彩。
clip : 摘自蘇沈小雨CSS手冊
clip : auto | rect ( number number number number )
參數:
auto : 對象無剪切
rect ( number number number number ) :
依據上-右-下-左的順序提供自對象左上角為(0,0)坐標計算的四個偏移數值,其中任一數值都可用auto替換,即此邊不剪切
說明:
檢索或設置對象的可視區域。區域外的部分是透明的。
必須將position的值設為absolute,此屬性方可使用。
測試環境:
Firefox1.5、IE6.0、Opera8.5、IE5.01綠色版通過。
CSS
.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;
}
xhtml
<div class="container">
<a href="#" class="textTop">Cascading Style Sheet </a>
<a href="#" class="textBottom">Cascading Style Sheet </a>
</div>
返回列表
返回首頁
主站蜘蛛池模板:
中文字幕影片免费在线观看|
人妻无码一区二区三区四区|
亚洲精品自产拍在线观看|
野花社区在线播放|
国产精品无码久久av不卡|
久久亚洲精品成人777大小说|
欧美成人手机视频|
向日葵视频app免费下载|
2021乱理片宅它网|
天天躁日日躁狠狠躁人妻|
中文字幕人妻三级中文无码视频|
日韩精品久久一区二区三区|
亚洲大尺度无码无码专区|
特级片在线观看|
全黄a免费一级毛片人人爱|
老色鬼久久亚洲av综合|
国产在线高清精品二区|
色老太婆bbw|
国产精品熟女一区二区|
A∨变态另类天堂无码专区|
小明天天看成人免费看|
中文字幕在线播|
日本亚洲黄色片|
久久精品国产亚洲av电影|
欧美一区二区三区精华液|
亚洲欧美日韩中文无线码|
男人j放进女人p全黄午夜视频|
国产欧美一区二区另类精品
|
国产偷v国产偷v亚洲高清|
在线你懂的网站|
一级女人18毛片免费|
无人视频在线观看免费播放影院|
久久精品九九亚洲精品|
真实的国产乱xxxx在线|
啊昂…啊昂高h|
色综合天天综合高清网国产|
国产精品久久福利网站|
2019中文字幕在线视频|
国产高清小视频|
99re6这里只有精品视频|
天堂8中文在线最新版在线|