Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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 在具有内部渐变背景的CSS中生成具有可变尺寸的矩形_Html_Css - Fatal编程技术网

Html 在具有内部渐变背景的CSS中生成具有可变尺寸的矩形

Html 在具有内部渐变背景的CSS中生成具有可变尺寸的矩形,html,css,Html,Css,我在PHP上有一些变量,它们的值从0到100。我想开发一个简单的图形系统,在给定数字(0、1、50和soo)的情况下绘制一个水平矩形。我还想在背景中添加一些渐变,在php中这样做很复杂,我不想在我的服务器中增加更多的负载,所以我知道这在css中是可能的,但我不是css开发人员。如果有人能帮我的话。在这个页面()中,你可以看到我想要的矩形,在上面页面的池部分的结果中。 < P>这是非常简单的,因为你知道宽度。由于您可能希望显示渐变的整个光谱,因此您可能希望通过在上使用css#score1{widt

我在PHP上有一些变量,它们的值从0到100。我想开发一个简单的图形系统,在给定数字(0、1、50和soo)的情况下绘制一个水平矩形。我还想在背景中添加一些渐变,在php中这样做很复杂,我不想在我的服务器中增加更多的负载,所以我知道这在css中是可能的,但我不是css开发人员。如果有人能帮我的话。在这个页面()中,你可以看到我想要的矩形,在上面页面的池部分的结果中。

< P>这是非常简单的,因为你知道宽度。由于您可能希望显示渐变的整个光谱,因此您可能希望通过在
上使用css
#score1{width:30px}
来调整渐变图像的大小,然后,您可以使用多种圆角方法之一向其添加圆角