td 에서 두가지 배경색 사용하기
프로그래밍/HTML & JavaScript2021. 7. 21. 14:23
반응형
테이블 td 에서 배경을 두가지 색상으로 채우고 싶을때 아래와 같이 사용하면 됩니다.
<td style="background:linear-gradient(to right, #e6def7 0%, #e6def7 20%, #ffffff 20%, #ffffff 100%)">
두가지 배경색 입니다. 왼쪽부터 20% 부분만 #e6def7 색상을 사용하고 나머지는 흰색입니다.
</td>
부드럽게 색상이 바뀌는 그라데이션 방법은 별도 포스팅을 참고하세요.
https://sysdocu.tistory.com/1522
반응형
'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글
| VideoJS 로 웹페이지에서 동영상 플레이어 사용하기 (0) | 2024.11.01 |
|---|---|
| script 를 이용한 안내 창 (Alert) 커스텀하여 출력하기 (0) | 2024.05.28 |
| [JavaScript] checkbox 선택시 바로 이벤트 발생 (0) | 2021.07.15 |
| JavaScript 에서 refresh 없이 PHP 파일 실행하기 (0) | 2021.07.01 |
| [html] 깜빡이는 글자, 이미지 예제 (0) | 2021.06.30 |
댓글()
