[css] 테이블 테두리 한 줄로 만들어 보자

안녕하세요. 개자이너 씸플레이입니다. 테이블에 보더를 넣으면 한 줄이 아니라 두 줄로 보일 겁니다. 위의 이미지처럼 안쪽과 바깥쪽 테두리가 따로 생기는 경우입니다. 여기서 선을 한 줄로 만들어보겠습니다. 1. 테이블에 테두리 넣기 See the Pen LYZwROL by ssimplay (@ssimplay) on CodePen. table{ border:1px solid black; } th, td{ border:1px solid black; } 일단은 두 줄이 생겨도 테두리를 넣어주도록 하겠습니다. 테이블 전체와 th, td 모두 넣어줍니다. 2. border-collapse : collapse See the Pen wvWVzOb by ssimplay (@ssimplay) on CodePen. 테이블에..

coding/html + css · 2020. 11. 24. 07:30

[포토샵] 포토샵 아이콘 만들기

안녕하세요. 플입니다. 오늘은 포토샵 아이콘을 만들어볼게요. 1. 포토샵 아이콘 포토샵 아이콘은 이걸 만들 거예요. 저는 폰트까지는 맞추지 않았는데 비슷한 폰트까지 맞추면 더 비슷하겠죠? 2. 네모 만들기 바로 만들어볼게요. 사각형 도구를 이용해 정사각형을 만들어주세요. 정사각형은 shift를 누른 상태로 드래그하면 된답니다. 정확한 사이즈를 정해서 만들고 싶다면 한 번 콕 클릭해주면 사이즈를 설정하는 박스가 뜬답니다. 여기서 정확한 사이즈를 정해주세요. 색은 실제 포토샵 아이콘을 캡처해와서 스포이드로 찍어줬어요. 3. 테두리 만들기 레이어 패널 아래에 fx라고 쓰여있는 아이콘을 눌러주세요. 레이어 스타일 아이콘이에요. 열리는 메뉴 중에서 획을 선택해주세요. 위치는 안쪽을 선택해주세요. 안쪽만 테두리 모..

Design/포토샵 · 2020. 4. 1. 07:30