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

标签 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。我该怎么做?

最佳答案

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

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

关于html - 如何在 div 框中制作不同的边框颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53410724/

相关文章:

html - 使用 css 绘制一个简单的列

html - REACT spa 应用程序 - 为 SEO、优点和缺点提供单独和不同的预渲染静态 html

javascript - 单击时打开“将链接另存为”对话框

javascript - 如何使用这样的代码使 div 淡出而不是消失? (JavaScript)

css - 在 Chrome 中打印时需要删除 href 值

javascript - IE 说 javascript 函数未定义,但它在 Chrome 中工作正常

html - 使用 Bootstrap 在导航中放置搜索栏

laravel - 获取当前用户

php - Route.php 中的授权和身份验证 : Laravel 5. 1

php - 如何获取国外网址(例如 facebook 或 twitter)的缩略图/图像和描述?