주로 사용하고 있는 h2 h3 등 워드프레스 css스타일

안녕하세요. 애드버코더 입니다.h2 등 css 스타일 문의가 있어 공유해 드리겠습니다. h2 / h3 스타일 입니다. 버튼스타일 이렇게 2가지만 공유할께요.나머지는 class를 만들어서 사용하는 것들이라, 필요하신 것이 있다면.우리 친구 CHAT GPT한테 물어보고 만들면 됩니다!

안녕하세요.
애드버코더 입니다.
h2 등 css 스타일 문의가 있어 공유해 드리겠습니다.


.single .entry-content h2 {
margin: 2em 0 0.6em 0;
    font-weight: normal;
    position: relative;
    font-size: 25px;
    line-height: 40px;
    background: #007CBA;
    border: 1px solid #fff;
    padding: 5px 15px;
    color: white;
    border-radius: 0 10px 0 10px;
    box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);
    font-family: 'Muli', sans-serif;
}


.single .entry-content h3 {
COLOR: #124875;
PADDING-BOTTOM: 10px;
TEXT-ALIGN: left;
BORDER-LEFT: #18609C 10px solid;
padding: 3px 9px;
margin: 30px 0 20px 0;
BACKGROUND-COLOR: #FFF;
BORDER-BOTTOM: 2px solid #18609C;
font-size: 1.2em;
font-weight: 700;
}

h2 / h3 스타일 입니다.


/* Button styling */
.button {
  display: inline-block;
  padding: 12px 74px;
  background: linear-gradient(to right, #007bff, #00bfff);
  color: #fff;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.button:hover {
  background: linear-gradient(to right, #00bfff, #007bff);
}

버튼스타일


이렇게 2가지만 공유할께요.
나머지는 class를 만들어서 사용하는 것들이라, 필요하신 것이 있다면.
우리 친구 CHAT GPT한테 물어보고 만들면 됩니다!

Leave a Comment