안녕하세요.
애드버코더 입니다.
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한테 물어보고 만들면 됩니다!