Question

如何在不使用表格边框元素的情况下绘制div部分框？到目前为止，我的网站是这样的：

但对于每一行，我都要写一个元素，这实际上不是我的目标。我只想要一个边框而不必使用这个元素。

Answer 1

您可以将CSS用于div，如下所示：

<!DOCTYPE html>
<html>
<head>
<style> 
div {
    border: 2px solid #a1a1a1;
    padding: 10px 40px; 
    width: 300px;
    border-radius: 25px;
}
</style>
</head>
<body>

<div>Here in your "div" you will see border.</div>

</body>
</html>

Answer 2

如果没有代码示例，很难确切知道自己想要什么，但请参阅此JSFiddle。这就是你要找的东西吗？类似于kr neki res的答案，但是使用了类，因为这个边框不会应用于你的所有div，你可以通过将它们的类设置为相同的东西来选择你想要添加边框的div。这个JSFiddle的代码：

HTML：

<div class="box">I'm in a box</div>
<div class="box">I'm in a box2</div>

CSS：

.box
{
    border: 1px solid #000;
    width: 100px;
    height: 100px;
    margin: 10px;
}

您可以将这些框放在彼此旁边，就像在其他JSFiddle中一样，将其添加到您的CSS中：

CSS：

float: left;

如何绘制不同DIV部分的边框？

2 个答案: