인용문에 따옴표(“) 넣기

하는 일이 특성상 사람들이 말했던 말을 인용하는 경우가 많습니다. 물론 글을 쓸 때에는 인용을 하고 각주 같은 것을 달아서 해결하지만, 웹에서는 어떻게 처리할지 걱정이 많았습니다. 요즘 웹표준(링크는 예스 24입니다)이라는 책을 읽으면서 4장 인용문에서 힌트를 얻었습니다. 그리고 저자 사이트를 참고했습니다. 기본 CSS에 다음과 같은 코드를 넣고 따옴표 이미지 파일을 넣으시면 됩니다. 간단하죠?

blockquote {
margin:0;
padding:0 18px;
font-size: 88%;
line-height: 1.5em;
color: #777;
padding-left: 23px;
background: url(/images/quotemarks.gif) no-repeat 0 3px;
}

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.