다음은 CSS로 소셜 미디어 버튼의 스타일을 지정하는 코드입니다 −

예시

<스타일>버튼 { 여백:0px; 경계 반경:50%; 너비:120px; 높이:120px; 테두리:없음; 패딩:15px; 글꼴 패밀리:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; 글꼴 두께:굵게; 글꼴 크기:40px; 테두리:1px 단색 검정색;}버튼:nth-of-type(1){ margin-left:40%;}버튼:hover { 배경:검정색; box-shadow:5px 10px 18px rgb(20, 20, 20);}
소셜 미디어 버튼의 예
<버튼> 
출력
 

 위의 코드는 다음과 같은 출력을 생성합니다 -
 
 
 

 아이콘 위에 마우스를 가져가면 −