2024.12.30 [html, css, javascript]

📝  노트로 돌아가기

 

 

이전글 2024.12.24  [html, css]

다음글 2024.12.31 [html, css]

---

글자 크기와 밑줄 너비 맞추기

See the Pen 글자 크기와 밑줄 너비 맞추기 by se.eun (@se-eun) on CodePen.

 

 

.menu_3 > ul > li > a {
  display: block;
  padding: 0 20px;
}
.menu_3 > ul > li > a > span{
  position: relative;
  padding: 20px 0;
  display: inline-block;
}
.menu_3 > ul > li > a > span::after{
  content: "";
  position: absolute;
  bottom: 0; 
  left: 0;
  width: 100%;
  height: 5px;
  background-color: red;
}

 

 

 

---

css에서 다각형 만들기

See the Pen 다각형 호버 by se.eun (@se-eun) on CodePen.

 

 

 

CSS.clip-path maker 사이트 이용