위키문법 정리용 개인페이지
2. 글자 그라데이션 ¶
{{{#!html
<div style="display: inline; color: transparent; background: text linear-gradient(to 방향, #색상1, #색상2)">밈미밈미밈미밈미밈미밈미밈미밈미밈미</div>
}}}
밈미밈미밈미밈미밈미밈미밈미밈미밈미
3. 글상자 만들기 ¶
[[HTML(<div style="display: inline-block; background: #상자 색깔; border-radius: 상자 모서리 둥글기px; height: 상자 높이px; width: 상자 너비px; text-align:center;"><span style="display: block; color:#글자 색깔; font-size: 글자 크기px;">글자</div></span>)]]
밈밈밈미
4. 표 내부에서 개행시 생기는 여백 없애기 ¶
이렇게 표 내부에서 |
| 이렇게 하면 공백이 안생겨요 |
||내용[[br]]내용[[br]]내용||
5. 모바일로 볼때 이미지에 외부이미지 문구 없애기 ¶
[[html(<img src="이미지 주소" width="이미지 크기">)]]
- 이미지 보기
근데 이러면 이미지 크기를 조정했을때 모바일 환경에서 가로 스크롤이 생기는 경우가 있음
이건 밑에 문법을 쓰면 해결됨
이건 밑에 문법을 쓰면 해결됨
6. 표 안에 이미지 여백 없애기 ¶
||<table width=표 크기> {{{#!wiki style="margin: -14px -6px"
[[html(<img src="이미지 주소" width="100%">)]]}}} ||
|
(빨간 테두리는 표 확인용으로 넣은것)
7. html에서 details summary 안에 동영상 임베드하기 ¶
||<bordercolor=#ffffff><#ffffff> {{{#!html
<details>
<summary>폴딩 제목</summary>
}}}
[[media(동영상 링크)]] ||