반응형


 a태그 밑줄 제거하는 방법


 필자는 포스팅을 할 때마다 하단에 관련글 더 보기라는 글박스를 하나 설정한다. 이때 플로그인을 통해 이전글을 가져오고 있는데 밑줄로 인해 깔끔하지 않고 가독성이 떨어지는 것 같아 밑줄을 제거해보았다.

 


 필자에 하단 관련글 더보기 글상자이다. 밑줄로 인해 상당히 지저분하다는 느낌을 받았다. 보기에도 안좋고 글씨도 잘 보이지 않는다. 그럼 변경하는 방법에 대해 설명하겠다.




 관리자 페이지 내 스킨 편집에 들어간다.




 스킨 편집 내 HTML 편집으로 들어간 후 CSS에서 a태그를 검색한다. 필자 블로그는 .article a를 변경해야 정상적으로 적용이 되었다. 그 이후 text-decoration 부분을 none으로 설정해주고 저장하면 모든 게시글에 적용이 된다.


밑줄 추가 : text-decoration : underline;

밑줄 제거 : text-decoration : none;




 변경이 완료된 모습이고 아주 깔끔해졌다. 진작 변경했어야 하는 부분인데 이제서야 변경하게 되었다.



↓ 공감 을 눌러주시면 블로거에게 큰 힘이 됩니다 !

반응형

블로그 이미지

SkyBaby

부부가 운영하는 정보 공유 공간입니다. 다양한 일상, 요리, 맛집탐방, 게임, 공부 등의 정보를 담고 있습니다.