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' 카테고리의 다른 글
[JavaScript] checkbox 선택시 바로 이벤트 발생 (0) | 2021.07.15 |
---|---|
JavaScript 에서 refresh 없이 PHP 파일 실행하기 (0) | 2021.07.01 |
[html] 깜빡이는 글자, 이미지 예제 (0) | 2021.06.30 |
마우스 오버 이미지 미리보기 (썸네일 확인) (0) | 2020.07.22 |
jQuery 한글/영어 byte 체크해서 자르기 (0) | 2020.07.15 |
댓글()