一.邊框：border 設定物件邊框的特性。
1.語法：border：length style color
二.相關屬性。
1.border-width：設定邊框寬度：常用取值：medium：預設值，相當於3px。thin：1px。thick：5px。不可以為負值。
2.border-color:設定邊框顏色。
3.border-top:設定頂部邊框。border-top-width,border-top-style,border-top-color 分別設定 寬度，樣式以及顏色
4.border-right：設定右邊框。
5.border-bottom：設定底邊框。
6.border-left：設定左邊框。
7.border-radius：設定物件使用圓角邊框。取值為數字或者百分比。
8.當然也可以給4個角單獨的設定：
左上角：border-top-left-radius，右上角：border-top-right-radius，左下角：border-bottom-left-radius，右下角：border-bottom-right-radius
9.box-shadow:設定物件陰影。
第乙個值：設定水平方向陰影偏移量。
第二個值：設定垂直方向陰影偏移量。
第三個值：設定物件的陰影模糊值。不允許為負值
第四個值：設定物件的陰影外延值，不允許為負值
第五個值：color。
第六個值：inset，陰影在左上位置，如下圖：box-shadow:6rpx 6rpx 6rpx 6rpx rebeccapurple inset
10.border-image：物件的邊框樣式使用來填充。
2>border-image-slice :設定邊框背景圖的分隔方式。取值：數值／百分比 fill.該屬性指定從上右下左來分割，將影象分成4個角，4條邊以及中間區域。中間區域始終是透明的，除非使用關鍵字fill。
3>border-image-width:設定邊框背景的寬度。用於指定使用多厚的邊框來承載唄裁剪後的影象。
4>border-image-outset：設定物件的邊框背景圖的擴充套件，意思就是說假如設定了10rpx，那麼影象就會在原來基礎上外延10rpx在顯示。
stretch:拉伸。
repeat：平鋪，碰到邊界的時候截斷。
三.使用示例
可以生成箭頭。
.hd
.hd:hover
效果圖：
微信小程式css篇 布局 Layout
一 布局有以下幾種 display，float，clear，visibility，overflow，overflow x，overflow y。1.display 設定物件是否顯示。2.float 指出物件是否及如何浮動。3.clear 指出了不允許有浮動物件的邊。4.visibility 是否隱藏...
微信小程式css篇 flex模型
flex是flexible box的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性。任何乙個容器都可以指定為flex布局。box 行內元素也可以使用flex布局。box webkit核心的瀏覽器，必須加上 webkit字首。box 注意，設為flex布局以後，子元素的float clear和v...
微信小程式 隱藏button邊框
想使用button自帶的disable屬性和效果，但又不需要button顯示邊框線 button控制項有一條淡灰色的邊框，在控制項上了樣式border radius 0 無法讓button邊框隱藏 如下 解決方案發現button控制項有乙個偽元素 after 這偽元素有border屬性，預設為bor...