210716 어제에 이어 box-shadow의 inset 속성을 활용한 다양한 버튼을 꾸미는 방법, 가상 요소 선택자, 인접/형제 선택자, 웹폰트, transform에 대해 학습했다.
box-shadow: 0 1px 2px #158a15, inset 0 5px 10px #ffc;
/* 기본 위에서 밑으로, -면 아래에서 위로 */
border-width: 2px;
border-style: solid;
border-color: #8ba2c1 #5890bf #4f93ca #768fa5;
/* top, right, bottom, left 순서 */
.line p::first-line {
text-decoration: underline;
}
.letter p::first-letter {
font-size: 5em;
}