CSS | 네모만 박스 그리기
페이지 정보
작성자 굿스웹 작성일18-03-20 10:35 조회1,082회 댓글0건관련링크
본문
급할때 사용 가능한 박스모양
<style type="text/css">
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}
.curlycontainer .innerdiv{
background: transparent url(media/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}
</style>
<div class="curlycontainer">
<div class="innerdiv">
<b>네모박스 제목</b> <br />
내용1<br />
내용2<br />
내용3<br />
내용4<br />
</div>
</div>
<style type="text/css">
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}
.curlycontainer .innerdiv{
background: transparent url(media/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}
</style>
<div class="curlycontainer">
<div class="innerdiv">
<b>네모박스 제목</b> <br />
내용1<br />
내용2<br />
내용3<br />
내용4<br />
</div>
</div>
[주소복사] https://www.goodsweb.kr/?u=D41G4JTY
SNS 알리기
핀터레스트
텔레그램로
블로그로
페이스북
트위터
카카오스토리
카톡 공유
관련 블로그
로딩중