99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

利用CSS中的Clip屬性來創造各種多彩的文字

天極網 2007/12/12 21:21:41 深山行者 字體: 瀏覽 7006
原理

  將二個相同而色彩不同的文字重合在一起,通過分別給其加 clip 屬性,使上面和下面的文字被剪切位置不同,從而產生二種不同的色彩。

以下是引用片段:
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>
相關閱讀
山西省太原夏日陽光國際旅行社
利用DIV+CSS制作浮動廣告,沒有用到多少javascript,全是css
asp用cDec將二進制轉十進制然后再用cBit將十進制轉二進制
網頁制作中關于瀏覽器寬度和高度的設定研究(轉載)
jquery實現單選按鈕radio選中和取消 使用prop()代替attr()
發布重大事件說明
深山行者v1.0 PSD 源文件下載
張家港國貿旅行社有限公司
共有0條關于《利用CSS中的Clip屬性來創造各種多彩的文字》的評論
發表評論
正在加載評論......
返回頂部發表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼: 驗證碼 
網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇
百度小程序開發
微信小程序開發
微信公眾號開發
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設置或獲取修改classname
利用css3.0寫出一個音樂播放的唱片碟盤的效果
利用css中的scale()實現放大縮小效果
利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
在圖片未知尺寸情況下,利用CSS把圖片垂直居中于div中心(2)
鼠標放在表格區域內,當前格的一整行和一整列變色
九江市交通國際旅行社有限公司
一個可以用來思考的故事,非常不錯
asp利用fso中的二進制數據流方式讀取任意文件,并且在網頁上下載保存文件
實現iis6與iis7環境下支持mp4視頻隨意拖動、預覽播放、邊下載邊播放
主站蜘蛛池模板: 国产精品久久久久久久久免费桃花 | 国产在线综合网 | 国产高清视频在线 | 欧美日韩第一页 | 免费观看a级毛片在线播放 成人片免费看 | 国产欧美精品一区二区 | 日韩欧美在线综合 | a一级免费视频 | 97视频免费在线观看 | 亚洲成人av在线 | 亚洲久久久久久 | 国产一区二区av在线 | 国产高清在线精品一区二区三区 | 少妇一区二区三区免费观看 | 国内av网站 | 国产精品日韩一区二区 | 三级视频在线 | 成人av免费 | 欧美日韩三级 | 91在线视频| 午夜寂寞少妇aaa片毛片 | 99精品欧美一区二区三区综合在线 | 色婷婷综合久久久中字幕精品久久 | 欧美精三区欧美精三区 | 色综合久久88色综合天天6 | 天天澡天天狠天天天做 | 国产精品国产三级国产aⅴ9色 | 亚洲视频一区二区 | 亚洲精品乱码久久久久久金桔影视 | 日韩毛片一区二区三区 | 午夜色电影 | 一级欧美日韩 | 日韩中文字幕av | 国产日韩欧美在线 | 欧美一级黄 | 国产精品高潮呻吟久久av野狼 | 欧美视频一二三区 | 国产精品毛片在线 | 久久久久国产精品午夜一区 | 在线一区二区三区做爰视频网站 | 91免费在线视频 |