亚洲乱色熟女一区二区三区丝袜,天堂√中文最新版在线,亚洲精品乱码久久久久久蜜桃图片,香蕉久久久久久av成人,欧美丰满熟妇bbb久久久

/*箭頭向上*/

.to_top {

width: 0;

height: 0;

border-bottom: 10px solid #ccc;

border-left: 10px solid transparent;

border-right: 10px solid transparent;

}

/*箭頭向下*/

.to_bottom {

width: 0;

height: 0;

border-top: 10px solid #ccc;

border-left: 10px solid transparent;

border-right: 10px solid transparent;

}

/*箭頭向左*/

.to_left {

width: 0;

height: 0;

border-right: 10px solid #ccc;

border-top: 10px solid transparent;

border-bottom: 10px solid transparent;

}

/*箭頭向右*/

.to_right {

width: 0;

height: 0;

border-left: 10px solid #cccf;

border-top: 10px solid transparent;

border-bottom: 10px solid transparent;

}

HTML代碼代碼運(yùn)行結(jié)果：

如果你感覺(jué)箭頭過(guò)大或太小，以及顏色不是你想要的，我們可以通過(guò)調(diào)整DIV的邊框的粗細(xì)以及顏色來(lái)，來(lái)調(diào)整箭頭的大小。

DIV+CSS實(shí)現(xiàn)大箭頭的效果

昨天在修改三欄主題的時(shí)候，有用戶(hù)反饋說(shuō)，要加入一個(gè)左右大箭頭。雖然實(shí)現(xiàn)起來(lái)很簡(jiǎn)單(可以使用背景圖片代替)，但是要加一個(gè)后臺(tái)可以自定義顏色的功能，所以就想到了利用DIV+CSS來(lái)畫(huà)箭頭，這樣自己可以很方便的給箭頭自定義顏色啦。

CSS代碼：

.text{

display: inline-block;

border-top: 2px solid;

border-right: 2px solid;

width: 100px;

height: 100px;

border-color: #EA6000;

transform: rotate(-135deg);

margin: 50px auto auto 100px;

}

HTML代碼代碼運(yùn)行結(jié)果：

我們可以通過(guò)修改C以下的代碼，進(jìn)行箭頭方式的改充數(shù)，也可以修改，width(寬)與height(高)，來(lái)實(shí)現(xiàn)箭頭大小的改變。

transform: rotate(-135deg);/*調(diào)整旋轉(zhuǎn)的角度*/