My Tech Blog (밑줄)

✨텍스트 강조하기✨ 안녕하세요. html/css를 활용하여 텍스트를 강조하는 법을 알려드릴게요. 텍스트에 형광펜 칠한 것 같은 효과 나타내기, 점으로 글씨 강조하기, 물결선으로 텍스트 강조하기, 글자에 줄글 배경넣기 같이 해봐요.    ⚡ 1. 마크를 이용한 텍스트 강조하기가상요소를 사용하지 않고, background-image속성으로 간단하게 형광펜으로 밑줄을 그은 것 같은 효과를 표현할 수 있습니다.  선의 굵기를 직접 지정해 줄 수 있어요.  ✔️ HTML 코드강조할 텍스트에 형광펜으로밑줄을 그은 것처럼 표현하기✔️CSS 코드p { font-size: 40px;}.emphasis { background-image: linear-gradient( /* 선형 그라데이션 */ r..

✨제목 &텍스트 디자인✨    📌 1.  가로 선이 두 개 있는 제목 디자인2개의 선으로 간단하게 제목을 꾸며봐요. position: absolute 대신 flex를 이용해서 코드를 구현해 볼게요.  ☑️ HTML 코드멋진 웹디자인을 위한 아이디어☑️ CSS 코드.heading { display: flex; justify-content: center; align-items: center; font-size: 36px;}.heading::before,.heading::after { content: ''; width: 70px; height: 3px; background-color: #ffb28e;}.heading::before { margin-right: ..