小程序設(shè)置文本顏色
二、顏色:color:設(shè)置對象的文本顏色。
可使用顏色名,rgb,hex,rgba,hsl,hsla,transparent等等來設(shè)置。
opacity:設(shè)置對象的不透明度。取值范圍為0.0-1.0。
opacity:0.2
opacity:0.8
二:邊框(Border)
一.邊框:border 設(shè)置對象邊框的特性。
1.語法:border:length style color
2.style:none ,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset。
二.相關(guān)屬性。
1.border-width:設(shè)置邊框?qū)挾龋撼S萌≈担簃edium:默認值,相當于3px。thin:1px。thick:5px。不可以為負值。
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è)置對象使用圓角邊框。取值為數(shù)字或者百分比。
8.當然也可以給4個角單獨的設(shè)置:
左上角:border-top-left-radius,右上角:border-top-right-radius,左下角:border-bottom-left-radius,右下角:border-bottom-right-radius
9.box-shadow:設(shè)置對象陰影。
第一個值:設(shè)置水平方向陰影偏移量。
第二個值:設(shè)置垂直方向陰影偏移量。
第三個值:設(shè)置對象的陰影模糊值。不允許為負值
第四個值:設(shè)置對象的陰影外延值,不允許為負值
第五個值:color。
第六個值:inset,陰影在左上位置,如下圖:box-
shadow:6rpx 6rpx 6rpx 6rpx rebeccapurple inset
10.border-image:對象的邊框樣式使用圖片來填充。
1>border-image-source:設(shè)置圖片的來源。使用絕對或者相對地址或者漸變色來確定圖片。
2>border-image-slice :設(shè)置邊框背景圖的分隔方式。取值:數(shù)值/百分比 fill.該屬性指定從上右下左來分割圖片,將圖像分成4個角,4條邊以及中間區(qū)域。中間區(qū)域始終是透明的,除非使用關(guān)鍵字fill。
3>border-image-width:設(shè)置邊框背景的寬度。用于指定使用多厚的邊框來承載唄裁剪后的圖像。
4>border-image-outset:設(shè)置對象的邊框背景圖的擴展,意思就是說假如設(shè)置了10rpx,那么圖像就會在原來基礎(chǔ)上外延10rpx在顯示。
5>border-image-repeat:設(shè)置對象的邊框圖片的平鋪方式。
stretch:拉伸。
repeat:平鋪,碰到邊界的時候截斷。
round:根據(jù)邊框的尺寸動態(tài)調(diào)整圖片的大小,使得剛好可以鋪滿整個邊框。
space:根據(jù)邊框的尺寸動態(tài)調(diào)整圖片的之間的間距,使得剛好鋪滿整個邊框。
-
微信小程序商城系統(tǒng)開發(fā)其實很簡單
微信小程序商城系統(tǒng)開發(fā)其實很簡單,只需要五步就可以完成,整個過程包括開發(fā)、上線、發(fā)布都可以輕松搞定...詳情
第二部分:如何開通一個小商店