如何在div框中制作不同的边框颜色?

时间:2018-11-21 11:03:34

标签: html css laravel-5

与Laravel合作,我已经根据表格的adtype值显示了一些div框背景颜色。当前根据广告类型值使用以下背景色

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

但是现在我需要在边框上粘贴不同的颜色,例如adtype === 1红色和adtype === 0绿色。我只有2个广告类型值,例如1和0。我该怎么做?

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:-1)

使用PHP switch

<?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; ?>;">