如何在 div 框中制作不同的边框颜色？答案

【问题标题】：How to make different border colors in div box?如何在 div 框中制作不同的边框颜色？
【发布时间】：2018-11-21 11:03:33
【问题描述】：

使用 Laravel，我根据表格的 adtype 值显示了一些 div 框背景颜色。目前根据 adtype 值使用以下背景颜色，

<div style="border-style: solid; background-color: {{ $vehicule->adtype === 1 ? '#FFEFD5' : '#FFFFFF' }} ">

但现在我需要将不同的颜色粘贴到边框上，例如 adtype===1 红色和 adtype===0 绿色。我只有 2 个 adtype 值，例如 1 和 0。我该怎么做？

【问题讨论】：

您可以设置 CSS 属性“border-color”，就像在模板中设置背景颜色一样。

标签： html css laravel-5

【解决方案1】：

您可以设置 CSS 属性“border-color”，就像在模板中设置背景颜色一样。

<div style="border-style: solid; border-color: {{ $vehicule->adtype === 1 ? 'red' : 'green' }}; 
     background-color: {{ $vehicule->adtype === 1 ? '#FFEFD5' : '#FFFFFF' }} ">

【讨论】：

【解决方案2】：

使用PHPswitch：

<?php
$adtype = $vehicule->adtype
switch((int) $adtype)
{
  case 1: 
     $bgcolor = "red";
     $bordercolor = "somecolor";
     break;

  case 2:
     $bgcolor = "green";
     $bordercolor = "someothercolor";
     break;


  default: 
     $bgcolor = "#ffffff";
     $bordercolor = "#defaultcolor";

}
?>
<div style="border-style: solid; background-color: <?php echo $bgcolor; ?>; border-width:1px; border-style:solid; border-color:<?php echo $bordercoler; ?>;">

【讨论】：

我可以在背景颜色中使用边框颜色吗？
@Jamie_D 为什么切换到 PHP 比在 Blade 中这样做更好？
@YetiCGN 否决？真的吗？上次我检查 Laravel 5 是一个 PHP 框架，更不用说使用 switch 为每个条件提供不同背景和边框颜色的选项...
这就像在说“嘿，你为什么不用 JavaScript 解决你的问题？”只是因为项目中也使用了JS。在您进行编辑之前，没有提到边框颜色，那是我投反对票和评论的时候。即使在您编辑之后，您的代码也不起作用，因为它使用了一个未定义的变量$bordercoler。我支持我的反对票。
好的。老板刚刚又增加了三种广告类型。给我们您的 Blade 解决方案，我们都会很高兴。