小程序設(shè)置文本顏色

二、顏色：color：設(shè)置對(duì)象的文本顏色。

可使用顏色名，rgb，hex，rgba，hsl，hsla，transparent等等來(lái)設(shè)置。

opacity：設(shè)置對(duì)象的不透明度。取值范圍為0.0-1.0。

opacity：0.2

opacity：0.8

二：邊框(Border)

一.邊框：border 設(shè)置對(duì)象邊框的特性。

1.語(yǔ)法：border：length style color

2.style：none ，hidden，dotted，dashed，solid，double，groove，ridge，inset，outset。

二.相關(guān)屬性。

1.border-width：設(shè)置邊框?qū)挾龋撼Ｓ萌≈担簃edium：默認(rèn)值，相當(dāng)于3px。thin：1px。thick：5px。不可以為負(fù)值。

2.border-color:設(shè)置邊框顏色。

3.border-top:設(shè)置頂部邊框。border-top-width,border-top-style,border-top-color 分別設(shè)置 寬度，樣式以及顏色

4.border-right：設(shè)置右邊框。

5.border-bottom：設(shè)置底邊框。

6.border-left：設(shè)置左邊框。

7.border-radius：設(shè)置對(duì)象使用圓角邊框。取值為數(shù)字或者百分比。

8.當(dāng)然也可以給4個(gè)角單獨(dú)的設(shè)置：

左上角：border-top-left-radius，右上角：border-top-right-radius，左下角：border-bottom-left-radius，右下角：border-bottom-right-radius

9.box-shadow:設(shè)置對(duì)象陰影。

第一個(gè)值：設(shè)置水平方向陰影偏移量。

第二個(gè)值：設(shè)置垂直方向陰影偏移量。

第三個(gè)值：設(shè)置對(duì)象的陰影模糊值。不允許為負(fù)值

第四個(gè)值：設(shè)置對(duì)象的陰影外延值，不允許為負(fù)值

第五個(gè)值：color。

第六個(gè)值：inset，陰影在左上位置，如下圖：box-

shadow:6rpx 6rpx 6rpx 6rpx rebeccapurple inset

10.border-image：對(duì)象的邊框樣式使用圖片來(lái)填充。

1>border-image-source:設(shè)置圖片的來(lái)源。使用絕對(duì)或者相對(duì)地址或者漸變色來(lái)確定圖片。

2>border-image-slice :設(shè)置邊框背景圖的分隔方式。取值：數(shù)值/百分比 fill.該屬性指定從上右下左來(lái)分割圖片，將圖像分成4個(gè)角，4條邊以及中間區(qū)域。中間區(qū)域始終是透明的，除非使用關(guān)鍵字fill。

3>border-image-width:設(shè)置邊框背景的寬度。用于指定使用多厚的邊框來(lái)承載唄裁剪后的圖像。

4>border-image-outset：設(shè)置對(duì)象的邊框背景圖的擴(kuò)展，意思就是說(shuō)假如設(shè)置了10rpx，那么圖像就會(huì)在原來(lái)基礎(chǔ)上外延10rpx在顯示。

5>border-image-repeat：設(shè)置對(duì)象的邊框圖片的平鋪方式。

stretch:拉伸。

repeat：平鋪，碰到邊界的時(shí)候截?cái)唷?/span>

round：根據(jù)邊框的尺寸動(dòng)態(tài)調(diào)整圖片的大小，使得剛好可以鋪滿整個(gè)邊框。

space：根據(jù)邊框的尺寸動(dòng)態(tài)調(diào)整圖片的之間的間距，使得剛好鋪滿整個(gè)邊框。