利用CSS創造多彩文字

2021-04-17 06:49:33 字數 823 閱讀 6935

text-indent: 2em">效果:

文字的上半部分

文字的下半部分

二組文字重合的效果

原理:

將二個相同而色彩不同的文字重合在一起,通過分別給其加 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

.texttop

.container

xhtml

cascading style sheet

cascading style sheet

使c 控制台的文字變得多彩

通常我們使用c 控制台程式設計面對的黑框和白色單調的文字,如下 如何讓輸出的資訊有顏色呢?比如cerr輸出的就是紅色,比如cout輸出的就是綠色。接下來,我們實現著色功能。下面借鑑了c 的操縱器策略。這是著色的實現標頭檔案 pragma once include 呼叫win32api函式 inclu...

讓你的文字框(input)更加豐富多彩

css 上面的 中 input.txtinput 定義了文字框中有小圖示的通用樣式,其中 padding 的第四個值是定義文字內容從 20 象素處開始,原因是本文的是 16 象素大小,文字四周有 2 象素的邊距。具體到實際應用,需要根據你的大小決定。然後,我們又定義了 searchinput 和 c...

css文字屬性 文字轉換(CSS屬性)

css文字屬性 text transform 文字轉換 繼承 this property controls if and how an element s text content is capitalized.此屬性控制是否以及如何大寫元素的文字內容。these style rules makeh...