css3使邊框具有漸變的效果

2021-06-27 16:16:07 字數 395 閱讀 3553

css3中border-color屬性包含有border-top-color, border-right-color, border-bottom-color , border-left-color四條邊的屬性設定。

使用css3的border-radius屬性,可以設定邊框不同的顏色。

如果你設定了border的寬度是x px,那麼你就可以在這個border上使用x種顏色,每種顏色顯示1px的寬度。如果說你的border的寬度是10個畫素,但是只宣告了5或6種顏色,那麼最後乙個顏色將被新增到剩下的寬度。

例子:

CSS3漸變效果

css3提供了linear gradient屬性實現背景顏色的漸變功能。在以前,這種效果必須採用才能實現的。方位可選引數,漸變的方位。可以使用的值有 to top to top right to right to bottom to bottom left to left to top left。起...

CSS3漸變效果

一.線性漸變linear gradient 1.使用方法 background webkit linear gradient red,blue background moz linear gradient red,blue background linear gradient red,blue 2....

CSS3中漸變效果

1.線性漸變 a 從左到右漸變 div nth child 1 b 不指定方向預設是從上到下 div nth child 2 c 按照指定角度 div nth child 3 d 斑馬線漸變 2.頸項漸變 radial gradient 輻射半徑,中心的位置,起始顏色,終止顏色 中心點位置 at l...