본문 바로가기

html, css, javascript68

html, css, content 문장 앞에 똑같은 문구 반복 문장 앞에 특적한 문구를 반복하고 싶으면 content 속성을 사용합니다. 모든 문장 앞에 Hello를 입력하고 싶다면 아래 코드와 같이 html / css 코드를 구성합니다. Kim Brown Tom 위 코드 입력 결과는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 반복되는 문구의 글자 색, 크기 등을 정할 수 있으며, 예시는 코드와 같습니다. Kim Brown Tom 위 코드 적용 결과는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 2023. 2. 6.
html, css 띄어쓰기 적용 (white-space:pre), 공백 적용 html, css 띄어쓰기 적용 (white-space:pre), 공백 적용 웹 서비스에 공백, 띄어쓰기를 적용하려면 &nbsp를 활용합니다. 하지만 한번씩 ... 매번 넣기 힘들때가 있어요 .... 그때 white-space:pre 스타일을 이용합니다. 테그 안에 띄어쓰기를 아래와 같이 적용하면 a b c e f g 다음과 같은 결과를 확인 할 수 있습니다 ! HTML 삽입 미리보기할 수 없는 소스 코드팬을 통해서도 확인 가능 합니다. HTML 삽입 미리보기할 수 없는 소스 2023. 2. 1.
html ul, li 로 세로로 글 나열하기 inline-block html ul, li 로 세로로 글 나열하기 inline-block 가끔 html에서 세로로 글이 안써져 답답해 질 때가 있습니다. 근데 시간 오래 투자하기는 또 싫은경우 아래 복붙해서 사용하세요 !! HTML 삽입 미리보기할 수 없는 소스 2023. 1. 22.
html line-height, <li> 간격조절 </li> html line-height, li 간격조절 각 줄 마다 line-height:500%, line-height:100%, line-height:100%, line-height:50% 을 설정한 결과는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 2023. 1. 22.
자바스크립트 마우스오버 자바스크립트 마우스오버 javescript onmouseover, new Date(), getElementById HTML 삽입 미리보기할 수 없는 소스 마우스 오버 실행 결과는 아래 동영상과 같습니다. 2023. 1. 22.
html 멀티 컬럼 테이블 그리기 html 멀티 컬럼 테이블 그리기 (tr, th, td를 이용한 멀터컬럼 그리기 ) HTML 삽입 미리보기할 수 없는 소스 2023. 1. 22.