Web/WEB기본

[CSS] 글 포인트 주기 border-left-width이용

saltdoll 2014. 1. 2. 13:54
반응형

글에 포인트를 줄때 사용하는 CSS로 border-left-width와 border-color와 background를 이용한 글씨 테코레이션입니다.



 HTML내용

<style>

span.note {

padding: .1em .5em .15em;

}

.note {

border-color: #52E052;

background: #E9FBE9;

}

.note {

padding: .5em;

border-left-width: .5em;

border-left-style: solid;

}

</style>




<span class="note">Note that the initial containing block's size is affected by

   the presence of scrollbars on the viewport.</span>



반응형
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)