是否可以存储背景颜色十六进制然后使用该颜色显示？

Question

我有一个允许用户为卡片背面创建设计的表单。用户输入标题，名称并上传小图像。然后将其显示回来，看起来像一张大型扑克牌，中间有一个小图像，上面和下面有文字。卡的背景颜色在css中设置，用户无法更改。我希望用户能够以十六进制输入他们的背景颜色然后用图像和文本显示它。怎么做？我需要查看哪些程序？

Answer 1

当用户选择颜色时，您应该将其存储到数据库中，当您想要显示卡片时，请执行以下操作：

<div style="background: <?php echo $bgcolor?>"> <!-- here is the BGCOLOR selected by the user -->
  <div>Trading card text</div>
  <div><img src="/img/the_image.jpg"></div>
</div>

它是

Answer 2

在数据库中保存small_image和文本时，您可以再存储一个数据bgcolor
假设我们将这些数据存储在数据库中

$data['small_image'] = "logo.png";
$data['bgcolor'] = "#00FF00"; 

您的代码应如下所示：

<div class="tradingcard" style="background:<?=$data['bgcolor']?>">
 <div>Trading card text</div>
 <div><img src="<?=$data['small_image']?>"></div>
</div>

您可以查看Online demo

您的页面将如下所示