1 개요[ | ]
- CSS div 대각선 넣기
- HTML div 대각선 넣기
2 소스 코드[ | ]
html
Copy
<style>
.slash {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>');
}
.backslash {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');
}
div {
display:inline-block;
border:1px solid gray;
padding: 5px;
}
</style>
<div class="slash">안녕</div>
<div class="backslash">Hello<br>World</div>
3 같이 보기[ | ]
4 참고[ | ]
편집자 Jmnote Jmnote bot 211.193.31.117
로그인하시면 댓글을 쓸 수 있습니다.
- 분류 댓글:
- CSS (1)
HTML에 CSS를 적용하는 방식 3가지 ― 천도현