테두리 위에 테두리를 어떻게 두나요? 내 헤더의 일부는 배너이고 다른 하나는 하단 테두리가 배너와 혼합 된 텍스트입니다. 내가 만든 테두리 위에 1px 실선을 만들고 싶습니다. 테두리 위에 테두리를 넣을 수 있습니까?
<div class="navbar navbar-default mega-menu" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<div class="row">
<div class="col-md-10">
<a href="#"><img id="logo-header" class="header-banner img-responsive" src="assets/img/ptaximg/topgraphicptax.jpg" width="1000" alt=""></a>
</div>
<div id="border" class="col-md-2">
<!--<a class="navbar-brand" href="index.html">
<img src="assets/img/ptaximg/ptax-logo_sm.jpg" alt="Logo">-->
<a class="navbar-brand" href="http://www.pacificbluesoftware.com/">
<img src="assets/img/ptaximg/ptax-logo_sm.jpg">
<p class="powered_by text-center">Powered by</p>
<p class="powered_by text-center"><strong>Pacific Blue Software, Inc.</strong></p>
</a>
</div>
</div>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="full-width-menu">Menu Bar</span>
<span class="icon-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</span>
</button>
</div>
</div>
#border{
border-bottom: solid 27px #296488;
margin-left: -15px;
}
이 테두리 바로 위에 1px 테두리를 넣으려고합니다 border-bottom : solid 27px # 296488;
다음 box-shadow
과 같이 이중 테두리를 만드는 데 사용할 수 있습니다 .
#border{
border-bottom: solid 27px #296488;
box-shadow: inset 0 -10px 1px -10px red;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다