'css이미지테두리'에 해당되는 글 1건

  1. 2021.01.28 티스토리 이미지 테두리 만들기
2021. 1. 28. 15:45

가끔 이미지 캡쳐해서 티스토리 작성할때 바로 붙여 넣기 하는데...

 

기본제공 이미지 편집에 테두리 넣는게 없다...

 

왜 그런기능을 안넣어놨는지......

 

그래서 항상 

기본모드에서 HTML 로 바꿔서, style를 넣었는데..

이것도 귀찮아서, 그냥 css에 추가함.

 

두가지 방법 다 알려주겠다.

 

1. 글작성하는곳 오른쪽 위를 보면, '기본모드'로 되어있다.

 

여기에서 HTML로 바꾼다.

 

코드에 보면, 이미지 정보 있는 태그가 있을거다.

<p>이미지주소 </p> 안에 있는데...

<div style="border: 1px solid black;"><p>이미지정보</p></div>

바깥쪽에 div 하고 스타일 넣어주는거다. 

 

이렇게 하는 방법이 있고,

-------------------------------------------------

두번째로는 CSS 세팅을 해놓는거다.

 

먼저, 블로그관리 -> 스킨편집 -> HTML 편집 -> CSS 탭 으로 들어간다.

 

그리고 나같은 경우는 아래처럼 추가했다.

그다음에 적용 눌러준다.

 

그리고 다음부터는 HTML 열어서

아래처럼 써준다.


<div class="border_view">이미지 정보</div>

class="border_view" 추가해주면 된다.

 

이름은 본인이 편한거 짧은거 써도 된다.

 

그러면,  앞으로 이미지에 테두리넣을때 저거만 써주면 된다.

Posted by Tyson