[HTML5] 7. mark 태그를 이용하여 중요한 텍스트에 형광펜 효과를 주자.

HTML5에서 새롭게 텍스트에 효과를 내는 태그 중에 <mark> 형광펜을 그은 듯한 효과를 줄 때 사용합니다. 예제를 통해 알아보기로 해요.

웹 브라우저 화면
웹 브라우저 화면

만약 형광펜의 색을 사용자가 결정하기를 원하면 스타일을 하나 정의하세요. 그리고 스타일에  background-color 속성으로 색상을 정합니다

투명도까지 정하고자 한다면 background-color:rgba(#r,#g,#b,#a) 를 사용하세요. 투명도는 0에서 1사이의 수를 사용합니다.

웹 브라우저 화면
웹 브라우저 화면


예제 파일 다운로드