css3 彩虹文字解答

2021-08-11 03:53:04 字數 817 閱讀 6601

#div6

#div7{ 

width: 1000px;

height: 200px;

margin: auto;

background:-webkit-linear-gradient(left,#ff0000,#ff9900 15%,#ffff00 30%,#00ff00 45%,#99ff33 60%,#0000ff 80%,#cc00ff 100%);

/*            -webkit-background-clip:text;*/

-webkit-text-fill-color:transparent;

font: bold 95px/1.5 georgia,sana-serif;

text-transform: uppercase;  

text-fill-color

解答分析:1 、 background:-webkit-linear-gradient(left,#ff0000,#ff9900 15%,#ffff00 30%,#00ff00 45%,#99ff33 60%,#0000ff 80%,#cc00ff 100%);

用來指定背景顏色的指令 webkit代指瀏覽器,linear代指按照按照顏色線性排列,gradient 梯度,left從正右方開始,紅色為第乙個顏色,

2、-webkit-background-clip:text;  剪輯文字,也就是只顯示文字所在的背景顏色

3、  -webkit-text-fill-color:transparent; 讓文字變透明

4、 font: bold 95px/1.5 georgia,sana-serif;字型樣式

css3 布局 文字

它主要應用在文字的多列布局方面,這種布局在報紙和雜誌上都使用了幾十年了,但要在web頁面上實現這樣的效果還是有相當大的難度,慶幸的是,css3的多列布局可以輕鬆實現 語法 columns 多列布局columns屬性引數主要就兩個屬性引數 列寬和列數。引數 引數說明 主要用來定義多列中每列的寬度 主要...

css3邊框,文字

css3邊框屬性 border radius圓角 瀏覽器 internet explorer 9 firefox chrome 以及 safari box shadow盒陰影 瀏覽器 internet explorer 9 firefox chrome 以及 safari border image邊...

CSS3美化網頁文字

概述 1,字型樣式 網頁字型樣式包括字型型別,大小,顏色等基本效果,另外還包括一些特殊的樣式,如字型粗細,下劃線,斜體,大小等 1.1 定義字型型別 css使用font family屬性來定義字型型別,另外使用font屬性也可以定義字型型別。font family是字型專用型別專用屬性,用法如下 f...