HTML CSS：不同行中多个DIV周围的边框

我正试图在搜索面板周围加上边框

这里有三排。 我不想在右角最后一行的3个按钮周围加上边框

我当前的UI如下所示：

我希望通过以下方式应用边界：

显示来自以下方面的请求：
到
或
客户名称/账号：

@ActionLink（“按钮”、“”、“”、新{@class=“btn btn primary small padding”}）


@ActionLink（“按钮”、“”、“”、新{@class=“btn btn primary small padding”}）


按钮

非常感谢您的帮助

您可以使用 像这样

个性化：
名字：



姓氏：



电邮：

考虑到有限的代码和按要求提供的服务，您可以这样做：

您可以为需要边框的块添加另一个

选择器

#forBorder{
边框：1px纯黑；
}

显示来自以下方面的请求：
到
或
客户名称/账号：

@ActionLink（“按钮”、“”、“”、新{@class=“btn btn primary small padding”}）


@ActionLink（“按钮”、“”、“”、新{@class=“btn btn primary small padding”}）


按钮

在不更改HTML的情况下，您可以尝试使用此CSS。 但是对我来说，前面提到的添加DIV容器的解决方案似乎更好

.row:nth-child(1) {
   border:solid 1px blue;
   border-bottom:none;
}
.row:nth-child(2) {
   border-left:solid 1px blue;
   border-right:solid 1px blue;
}
.row:nth-child(3) {
   border:solid 1px blue;
   border-top:none;
}

显示来自以下方面的请求：
到
或
客户名称/账号：

@ActionLink（“按钮”、“”、“”、新{@class=“btn btn primary small padding”}）


@ActionLink（“按钮”、“”、“”、新{@class=“btn btn primary small padding”}）


按钮

---

只需要制作一个超级div，它将覆盖所有要添加边框的div

.row:nth-child(1) {
   border:solid 1px blue;
   border-bottom:none;
}
.row:nth-child(2) {
   border-left:solid 1px blue;
   border-right:solid 1px blue;
}
.row:nth-child(3) {
   border:solid 1px blue;
   border-top:none;
}

<!--this will be inseted here --> 
    <div style="border-style: solid;">
    <div class="row">
        <div class="col-md-3">
            <label for="fromDate">Show Requests From:</label>
        </div>
        <div class="col-md-4">
            <input class="form-control input-sm" id="fromDate" type="text" style="width:120px; display:inline" value='@ViewBag.fromDate' autocomplete="off" />
            <label for="toDate">To</label>
            <input class="form-control input-sm " id="toDate" type="text" style="width:120px; display:inline" value='@ViewBag.toDate' autocomplete="off" />
        </div>
    </div>

    <div class="row" style="margin:0px; padding:0px;">
        <div class="">
            <label>OR</label>
        </div>
    </div>

    <div class="row" style="margin-bottom:5px">
        <div class="col-md-3">
            <label for="custNameAccNumSearchBox">Customer Name / Account Number:</label>
        </div>
        <div class="col-md-4">
            <input class="form-control input-sm " id="custNameAccNumSearchBox" type="text" style="width:175px; display:inline"  autocomplete="off" />
            <input type="button" id="search" name="search" value="Search" style="margin-bottom:0px" class="btn btn-primary small-padding col-md-offset-1" />
        </div>
    </div> <!-- And end here -->   
        <div class="col-md-1 col-xs-4 col-md-offset-2">
            <p>
                @Html.ActionLink("Button", "", "", new { @class = "btn btn-primary small-padding" })
            </p>
        </div>
        <div class="col-md-1 col-xs-4">
            <p>
                @Html.ActionLink("Button", "", "", new { @class = "btn btn-primary small-padding" })
            </p>
        </div>
        <div class="col-md-1 col-xs-4">
            <p>
                <button type="button" disabled class="btn btn-primary small-padding disabled_lc">Button</button>
            </p>
        </div>
    </div>
</div>