-
漸變色彩?linear-gradient 語法??linear-gradient(漸變方向,后面則是從開始到結束有哪些顏色) 漸變方向:to?top??從下到上??0deg ??????????to?bottom?從上到下?180deg ??????????to?right?從左到右?90deg ??????????to?left?從右到左?270deg ??????????to?top?left?從右下到左上 ??????????to?top?right?從左下到右上 ??????????to?bottom?right?從左上到右下 ??????????to?bottom?left?從右上到左下
查看全部 -
color:rgba(R,G,B,A) R:紅 G:綠???????這三個取值都是?0-255 B:藍 A:透明度參數,取值0到1之間
查看全部 -
邊框圖片?border-image 格式??border-image:url(圖片路徑)?切割圖片的寬度?圖片延伸方式 切割圖片的寬度:單為px?越大圖片顯示越小 圖片延伸方式?round:平鋪??邊框四個角為圖片四個角,中間重復圖片內容 ?????????????repeat:重復???邊框四個角為圖片四個角,中間重復圖片內容 ?????????????stretch:拉伸???邊框四個角為圖片四個角??中間對圖片拉伸鋪滿
查看全部 -
box-shadow:X軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影擴展半徑] [陰影顏色] [投影方式]
X軸偏移量和Y軸偏移量必需寫,其他幾個可選
X軸偏移量:從左到右偏移,可以為負
Y軸偏移量:從上到下偏移,可以為負
陰影模糊半徑:越大,陰影越模糊,當非常大時,就是實心,非常小也是實心,不能為負
陰影擴展半徑:值越大,陰影從四周到中心占的地方就越多,可以為負
投影方式:有兩個:inset:陰影在內部,不設置是外邊緣
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
查看全部 -
border-radius:四個角的半徑,順時針 實心上半圓:height為width的一半,border-radius的左上角和右上角至少為height的值,左下角和右下角為0; ?????????即??height:t? ?????????????width:2t ?????????????border-radius:t?t(或更大)?0?0 實心下半圓的height和width與上半圓相同,border-radius是左右上角為0 實心左右半圓類似 實心圓:height和width相同,border-radius的值為height或width一半
查看全部 -
border 也可以使用 image
查看全部 -
border: 4px 4px 4px 4px;
左上 右上 右下 左下的順序
半圓: 以div為半徑, 比如100px 100px的正方形,radius 50px就是圓形, 半圓形 50px 50px 0 0
查看全部 -
white-space: nowrap
overflow: hidden;
text-overflow: clip | ellipsis
word-break: normal | break-all | keep all
word-wrap: normal | break-word
查看全部 -
box-shadow:?X軸偏移量?Y軸偏移量?[陰影模糊半徑]? [陰影擴展半徑]?[陰影顏色]?[投影方式];
查看全部 -
border-radius: 5px 4px 3px 2px; /* 四個半徑值分別是左上角、右上角、右下角和左下角,順時針 */
查看全部 -
CSS 3
查看全部 -
?多行
display:?
? ? -webkit-box;
? ? -webkit-line-clamp: 2;
? ? -webkit-box-orient: vertical;
查看全部 -
border-radius是向元素添加圓角邊框。然后他的的值可以是1個也可以是4個,4個的話 就是 左上角,右上角,右下角,左下角。和padding一樣也是順時針設置
查看全部 -
CSS3能做什么? 1.圓角效果 2.塊陰影與文字陰影 3.色彩 CSS3支持更多的顏色和更廣泛的顏色定義。新顏色CSS3支持HSL , CMYK ,HSLA and RGBA。
查看全部 -
選中的是div的最后一個元素,而不是父級div中的最后一個元素
查看全部
舉報