문제
풀이
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Styling links</title>
<style type="text/css">
a {
cursor : help; // 커서에 올렸을 때 보이는 모양 지정.
text-transform : uppercase; // 대문자 변환
text-decoration: none; //자동적으로 a 태그 붙는 밑줄 데코를 없애준다.
}
::after, ::before 은 선택한 요소의 끝자식으로 의사 요소를 하나 생성한다.
주로 장식용 콘텐츠를 추가할 때 사용!
a::after {
content: '<';
}
a::before{
content: '>';
}
</style>
</head>
<body>
<a href="http://www.testdome.com">Check documentation</a>
</body>
</html>
호기심많은 개발자