Legna Asked: 2020-07-24 08:35:38 +0800 CST 2020-07-24 08:35:38 +0800 CST 2020-07-24 08:35:38 +0800 CST 用css在div中间创建虚线 772 我想用css复制这个效果: 我目前正在使用boostrap以下代码手动执行此操作: <div class="row" > <div class="col-12 bg-dark text-center"> ------------------------------------------------------------------- </div> </div> 这里的问题是它没有响应。如果屏幕较小,则该行会跳转。有没有办法在css中做到这一点?我的知识很少,我发现的东西对我不起作用。 html 1 Answers Voted Best Answer alo Malbarez 2020-07-24T08:48:40+08:002020-07-24T08:48:40+08:00 您可以覆盖引导 hr 元素的默认边框颜色,如下所示: hr { width: 95%; height: 0; border: medium none; border-top: 1px dashed white!important } <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"> <div class="row"> <div class="col-12 bg-light text-center"> algo de texto </div> </div> <div class="row"> <div class="col-12 bg-dark text-center"> <hr/> </div> </div>
您可以覆盖引导 hr 元素的默认边框颜色,如下所示: