블로그 글에 html 글상자 텍스트 박스 만들기 소스

 



html로 텍스트 박스 만들기
html로 텍스트 박스 만들기



블로그 글 작성 시 인용구 등 강조하고 싶은 부분에 html 소스를 수정하여 박스를 만들어서 넣을 수 있는 방법을 소개합니다.

사용하시는 블로그 글쓰기 편집창의 'html 보기'로 화면을 변환하여 해당 코드를 적용하시면 됩니다.
(구글 블로거, 티스토리 블로그에 적용 가능하며, 네이버 블로그엔 html 편집창이 제공되지 않아요.)


[구글 블로거]

👉 편집창 > html보기

          



[티스토리]

👉 글쓰기 > html


















가장 기본적인 스타일인 라운드 박스/실선 박스 2가지를 정리해볼게요.



1. 라운드 박스


모서리가 둥근 형태의 박스 코드입니다. 이미지 하단의 <div style~> </div> 코드를 적용하세요.

라운드 박스

<div style="margin:2em auto; padding:2em; border-radius: 20px; background-color: #ebebeb;">

본문 내용

</div>



2. 실선 박스


실선의 네모난 박스입니다. 

실선 박스

<div style="margin:2em auto; padding:2em; border:solid 2px #ebebeb;">

본문 내용

</div>




블로그 작성시 강조하고 싶은 부분에 적용하면 좀 더 깔끔하고 집중도 있는 포스트를 작성할 수 있어요. 




가장 많이 본 글

20만원으로 시작하는 단타 투자 연습 [25. 6. 2] - 두산에너빌리티, 삼성중공업

이미지
오늘은 장 초반부터 강세로 보였던 두산에너빌리티, 삼성중공업 을 매매했습니다. 두산에너빌리티는 오전에 바로 매도했고 삼성중공업은 오버나잇하게 됐어요. 20250602 투자현황 🧾 거래 종목 종목명:  두산에너빌리티 매수 시점: 09:06 / 40,400원 매도 시점: 10:00 / 41,350원 수익률: +2.20% 손익: +888원 250602 두산에너빌리티 매매현황 종목명:  삼성중공업 매수 시점:  09:00  17,150원 / 10:42  16,600원 250602 삼성중공업 매매현황 📌 매매 전 계획 장 시작 이후 산발적인 테마로 주가가 올라서 주도 테마를 잡기가 어려웠습니다. 그나마 눈에 띈게 두산에너빌리티와 삼성중공업 이었는데요. 수익 구간에서 빠르게 익절하여 다른 종목도 살펴보고 싶었으나 일단 매수한 종목에 좀 더 집중하기 위해 추가 종목 매수는 하지 않았습니다.  📈 매매 중 관찰 몇 주째인지 모르게 거래대금 1위에 있는 두산에너빌리티 의 수급이 좋아 보였음 삼성중공업 의 초반 수급이 좋아보여 매수했으나 바로 하락하여 추가 매수 이외에 태웅, 실리콘투 의 힘이 좋아보여 매수하고 싶었으나 추가 상승 여력이 있을지 확신이 없어 매수하지 않음 📉 결과 평가 및 복기 익절했으나 물리기도 한 날이네요. 두산에너빌리티 : 장 시작 직후 프로그램 매매 매수세가 좋아보였어요. 1주 매수하여 적당한 수익 구간에서 익절했습니다. 매도 타이밍이 나쁘진 않았네요. 삼성중공업 : 장 초반엔 수급이 좋아보여 매수했는데 갑자기 분위기 반전되어 하락했어요. 하락세가 과도해 보여 바닥쯤에 1주 추매했습니다. 최근 계속 수급이 좋았던 종목이라 상승 여력이 있다고 판단했는데 결과적으로 마이너스를 회복하진 못했어요. 손절할까 하다가 일단 보유하고 있어보기로 결정. 💬 감상 및 개선점 보유중이던 비에이치아이 는 장 초반에 거의 손실 회복했는...
자세한 내용 보기

주식초보자의 소액 단타 투자 연습 [26. 5. 6] - 거래대금 상위 20위, 상한가 종목 리스트

이미지
당일 거래대금 상위 20위와 상한가 종목들을 정리합니다. 📈  거래대금 상위 20위 종목 리스트 코스피 상승, 코스닥 하락 마감 증권, 유리기판, 전선, 반도체  등   상승 20260506 거래대금상위 📉  상한가 종목 리스트 260506 상한가 KBI메탈  (비철금속) : 구리 가격 상승 > 전선 원재료 가격 상승 수혜 기대  파워넷  (전원공급) : 전원공급장치(SMPS) > 데이터센터·AI 장비 전력 수요 증가 수혜 케스피온   (통신장비) : AI·RAN(차세대 AI 통신망) 기대 > 기지국/네트워크 투자 확대 수혜 SKC  (2차전지소재/반도체 유리기판) : 1분기 흑자전환 + AI반도체용 유리기판 기대감 부각. 인텔&애플 협력 이슈로 유리기판 테마 급등 필옵틱스  (디스플레이·반도체 장비) : 유리기판 핵심 장비주 두산퓨얼셀  (수소연료전지) : 수소·발전 인프라 확대 기대 및 정책 수혜 테마 강세 드림시큐리티  (보안/양자암호) : 양자암호·스테이블코인 관련 보안 기대감 확산 유안타증권  (증권) : 코스피 7000 돌파 기대감 속 증권주 수혜 부각 HB테크놀러지  (반도체·디스플레이장비) : 유리기판 관련주 해성옵틱스  (카메라모듈) : 개별 저가주 순환매·수급성 급등 추정 워트  (반도체 공정장비) : 반도체·유리기판 관련 소재·장비 테마 강세 루멘스  (LED·광학부품) : 마이크로LED·차세대 디스플레이 기대감 및 광학 부품 테마 강세 젠큐릭스  (바이오·진단) : 암 진단키트 유럽 수출 기대감 케스피온  (통신부품) : 거래재개·저가주 수급+통신장비/6G 기대감 성격 뉴인텍  (전자부품) : 전기차·전력 관련 부품주 순환매 영향 파인디앤씨  (디스플레이부품) : 디스플레이·OLED·유리기판 주변 수급 영향 한울앤제주 ...
자세한 내용 보기

주식초보자의 소액 단타 투자 연습 [26. 2. 6] - 거래대금 상위 20위, 상한가 종목 리스트

이미지
당일 거래대금 상위 20위와 상한가 종목들을 정리합니다. 📈  거래대금 상위 20위 종목 리스트 코스피 약세 반도체, 우주항공, 남북경협이슈  등   상승 20260206 거래대금상위 📉  상한가 종목 리스트 260206 상한가 LK삼양  (의료/정밀기기) : 별도 이슈 없음  스피어  (우주항공·소부장) : 스페이스X 상장 기대감/우주항공 관련주 주목 코데즈컴바인  (남북경협테마) : 남북 경협 재개 기대감 유틸렉스  (바이오) : 별도 이슈 없음 플루토스 (소비재·기타) : 별도 이슈 없음 케이엠제약  (제약·바이오) : 별도 이슈 없음 웰킵스하이텍  (반도체·장비) : 별도 이슈 없음 📌  단타 매매 시 주의할 점 프리장 시세는 '진짜'가 아니다 . > 거래량 적고, 눈속임 많음 (오버나잇 종목 매도에 활용) 정규장 첫 10분 은 '속임수의 시간' > 고점 따라가면 물림, 저점 기다리기 진입은 항상 분할 로 > 반응 좋으면 추가, 아니면 탈출 상승보다 '지지 확인' 이 우선 망설이면 이미 늦는다. 빠르게 진입, 빠르게 판단, 빠르게 탈출 예측하지 말고 대응하라 살까 말까 고민할 땐 사지 말고, 팔까 말까 고민할 땐 팔아라 가급적 주 매매는 오전장 에서 끝내기 수익을 줄 때 먹기 > 급상승시 1차 익절 확신이 있고 힘이 좋을 때는 끝까지 버텨보기 수급 + 끼있는 종목 거래대금 상위 20위+상승률 높은 것+프로그램 수급+동전주 제외+거래대금 높은 순 대장주 추매시 눌림목 까지 진득하게 기다리기 장이 좋지 않다면 매매를 줄여라 > 마땅한 대장주가 없으면 매매 쉬기 수익을 내는 것보다 잃지 않는게 우선 대응을 위한 예수금 남기기 눌림인지 추세 전환인지 판단하기 > 눌림에선 추가 진입하지만 추세 전환시엔 물타기 절대 금지 ( -1.5%시 기계적 손절 ) 오버나잇은 리스크를 안고 가는 것 거래대금 상위 화면으로...
자세한 내용 보기