728x90
반응형
이렇게 이미지를 동그랗게 하고 배경색을 바꾸려면
1. css로 배경색 바꾸는 것은 배경이 투명한 이미지만 된다.
만드는 법은 나의 경우 infinity fainter라는 유료앱으로 직접그렸기 때문에 "export(내보내기)"시에 "background" 를 체크 해제하면 하고 내보내면 된다. 이렇게 수정할 수 없는 완성된 이미지인 경우에는 os자체에 있는 이미지툴의 "배경제거"기능이나 이미지툴의 "선택툴"로 배경선택후 delete하는 방법들도 있다.
2. 배경색 바꾸기 : img태그에 background-color를 적용시킨다.
3. 동그랗게 바꾸기 : img태그에 border-radius: 50% 을 적용.
ex)코드 예제
<table style="margin: 2em auto; border-collapse: collapse; border: none;">
<tr>
<td style="vertical-align: middle; border: none; padding: 0;">
<img src="../Images/editor.png"
alt="editor" style="
width: 70px;
height: 70px;
border-radius: 50%;
border: 1px solid #ffffff;background-color:#C9D6AA;" />
</td>
<td style="vertical-align: middle; font-weight: bold; color: #888; border: none;">Editor 라라라 </td>
</tr>
</table>
->>>>>결과
->>>>>색을 다양하게 가능
728x90
반응형
'IT기타' 카테고리의 다른 글
| vscode 현재 파일 위치 확인 (0) | 2025.12.06 |
|---|---|
| chatGPT 환불 (0) | 2025.09.28 |
| css background 그라데이션 (0) | 2025.08.23 |
| 구글 엑셀시트 자동입력 (Apps Script로 동기화) (2) | 2025.08.22 |
| github에 프로젝트 생성, 배포-> Vercel에 배포. (0) | 2025.07.01 |