본문 바로가기

Bootstrap4 Table Border Color Change CSS 부트스트랩 4 테이블 선 색 변경하기 아래와 같은 부트스트랩 테이블이 존재한다고 가정하면 테이블의 내부 선 색을 변경하기 위해서 아래와 같은 css가 필요해요. ... class 이름에 td 붙여주시고 border를 지정해주시면 됩니다. .table_test_class td{ border: 1px solid #000000; } th, tr 등을 이용해서 원하시는 부분에 border color 혹은 border style을 변경하실 수 있습니다. 더보기
IE11, Edge 에서 CSS 배경이미지 SVG 사용 제목이 조금 혼란스러울 수 있으니 다시 한 번 설명하며 아래와 같습니다. 인터넷익스플로러 11 버전과 엣지(Edge) 브라우저에서 SVG 이미지를 CSS로 배경에 넣고 싶을 때는 다른 브라우저와 다르게 Base64로 인코딩해서 입력해야 한다는 것을 정리해봅니다. 일단 왜 2개의 브라우저만 문제를 가지는지 잘 모르겠지만 브라우저가 그렇게 하라는데 웹 개발자가 힘이 있나요. 그렇게 해야죠 :-) 아래와 같은 SVG 파일이 있다고 가정하겠습니다. 일러스트레이터에서 이미지를 쉽게 SVG로 저장할 수 있는데요. 저장된 SVG에서 불필요한 부분을 삭제한 것입니다. 일반적인 브라우저에서는 아래와 같은 CSS로 해당 SVG를 배경이미지로 사용할 수 있습니다. background-image: url('data:image.. 더보기
웹 페이지 최적화에 도움되는 사이트 웹 페이지를 최적화하고 에러나 위험요소를 줄일 수 있는 방법이 많이 있지만 몇 개의 홈페이지에서 제공하고 있는 기능을 사용해보는 것도 좋네요. 1. CSS Lint (http://csslint.net/) 가운데 흰색 박스에 CSS를 입력하고 LINT 버튼을 누르면 에러나 워닝을 잡아줍니다. 모두 따를 필요는 없지만 그래도 문제가 될 수 있는 부분이라고 하니 적당히 고쳐주는게 좋을 것 같네요. 저도 한 30개 정도 나왔는데 주로 #id 가 문제였습니다. class로 변경하니깐 다 사라졌구요. 필요없는 CSS나 합칠 수 있는 CSS 코드도 발견해주니깐 더 깔끔한 CSS 작성에 도움이 됩니다. 2. JSHint (http://jshint.com/) JavaScript Hint입니다. JS 내용을 왼쪽에 입력하.. 더보기