Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将圆形径向渐变稍微移动到顶部?_Html_Css_Gradient - Fatal编程技术网

Html 如何将圆形径向渐变稍微移动到顶部?

Html 如何将圆形径向渐变稍微移动到顶部?,html,css,gradient,Html,Css,Gradient,如何使径向渐变稍微向上移动,同时保持相同的圆形宽度和高度 div{ 线高:100px; 文本对齐:居中; 颜色:#333; 宽度:100%; 背景:径向梯度(椭圆115px 102px,#fff,#516e8e); } text使用at定义梯度位置,如下所示: radial-gradient(115px 102px at center top, #90aed0, #516e8e) 您可以使用关键字、px或%值来定义形状的位置: .box-2{ 背景:径向梯度(中心顶部115px 102px

如何使径向渐变稍微向上移动,同时保持相同的圆形宽度和高度

div{
线高:100px;
文本对齐:居中;
颜色:#333;
宽度:100%;
背景:径向梯度(椭圆115px 102px,#fff,#516e8e);
}

text
使用
at
定义梯度位置,如下所示:

radial-gradient(115px 102px at center top, #90aed0, #516e8e)
您可以使用关键字、
px
%
值来定义形状的位置:

.box-2{
背景:径向梯度(中心顶部115px 102px,#90aed0,#516e8e);
}
.盒子{
线高:100px;
文本对齐:居中;
颜色:#fff;
宽度:100%;
}
文本