利用CSS創造多彩文字
2006/11/13 9:35:20
效果:
文字的上半部分
文字的下半部分
二組文字重合的效果
原理:
將二個相同而色彩不同的文字重合在一起,通過分別給其加 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>
返回列表
返回首頁
主站蜘蛛池模板:
久久久久久a亚洲欧洲AV冫|
伊人久久精品午夜|
欧美jizz18性欧美|
国产视频福利一区|
a级高清观看视频在线看|
521a成v视频网站在线入口|
尹人香蕉久久99天天拍久女久|
久久人人爽人人爽人人片AV高清
|
亚洲精品午夜久久久伊人|
精品久久久久成人码免费动漫
|
日本免费xxxx色视频|
国产青草视频在线观看免费影院|
www.亚洲日本|
很污很黄的网站|
中文字幕日本一区|
麻豆狠色伊人亚洲综合网站|
国产精品美女久久久久|
aaaaaa级特色特黄的毛片|
日韩精品无码久久一区二区三|
亚洲成人动漫在线观看|
浪荡女天天不停挨cao日常视频
|
yellow字幕网在线zmzz91|
成年美女黄网站小视频|
久久久无码精品午夜|
日韩精品一区二区三区在线观看|
亚洲中文字幕无码av永久|
欧美成人黄色片|
亚洲狠狠婷婷综合久久久久|
男女一边摸一边做爽爽爽视频
|
久久99精品国产一区二区三区|
日韩精品一卡2卡3卡4卡三卡|
亚洲人色大成年网站在线观看|
经典国产一级毛片|
国产一区二区欧美丝袜|
超清中文乱码精品字幕在线观看|
国模私拍福利一区二区|
aaa成人永久在线观看视频|
女人扒开裤子让男人桶|
а天堂中文地址在线|
岳在我胯下哭泣|
一级做α爱过程免费视频
|