代码之家 › 专栏 › 技术社区 › heyr

如何赋予行的上下边框线颜色属性

vue.js css html

-4

heyr · 技术社区 · 6 年前

我想知道如何给每一行的上下边界线上色,并禁用它的边颜色,我已经附上了一张我要实现的目标的图片。

我想知道如何给每一行的上下边界线上色,并禁用它的边颜色,我附上了一张我正在努力实现的图片。

3 回复 | 直到 6 年前

××× × ×××× 6 年前

使用 border-bottom/top (表示边界) 只有到 top 和 bottom )

td, th {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

在此学习: https://www.w3schools.com/css/css_border.asp

参见示例:

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
</table>

Buzz 6 年前

如果边框用于一个分区:

border-top: 1px solid Green;

border-bottom: 1px solid Green;

希望有帮助。

sam yo 6 年前

你可以用这样的东西

div
{
border-top-color:red;
border-bottom-color:red;
}

这会使颜色变红, 希望这能解决你的疑问

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前