html - 如何在 div 框中制作不同的边框颜色？

Question

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

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

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

Answer 1

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

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