목록プログラミング/HTMLとCSS (4)
ㅤㅤㅤ
http://poiemaweb.com/ table 테두리 안보이도록 [출처] table 테두리 안보이도록|작성자 콩이 * 각각의 테두리 1px씩 보이도록(배경색과 같게 하여 안보이도록하는것)border-left:1px solid #000000 border- right:1px solid #000000border- top:1px solid #000000border- bottom:1px solid #000000 * 선자체를 없애는 것border-right:noneborder-left:noneborder-top:noneborder-bottom:none * 테이블 외각선이 안 보이도록 *오른쪽 선 hidden으로 숨기기[출처] table 테두리 안보이도록|작성자 콩이 - TABLE 테두리 없에고 아랫줄만 넣기 -..
* 원래 웹사이트의 아이콘을 먼저 만드는 작업을 하려고 했는데, 디자이너의 작업이 늦어지면 이러한 아이콘 또한 늦게 나오기 마련이다. 따라서, 먼저 대략적인 구조를 받기 전에 요즘 웹페이지에 거의 들어갈만한 메뉴를 html과 css로 만들어보자. 화려한 애니메이션이나 이러한 옵션은 나중에 기획이 확정되면 넣기로 하고 일단 기본적인 틀만 만들어보자. - 이전글2013/11/01 - [밑바닥부터 홈페이지 만들기] 예고편2013/11/01 - [밑바닥부터 홈페이지 만들기] HTML5 기본 템플릿, DOCTYPE 종류2014/01/13 - [밑바닥부터 홈페이지 만들기] 최종 목표 예고 - toc21.com * 작업하던 소스: 지난번에는 기본적인 템플릿을 만들어서 기본 html 개발을 하기 전에 준비 단계였고, ..
CSS 강좌 | 고정형 레이아웃 만들기레이아웃을 만드는 방법웹사이트의 레이아웃을 만드는 방법은 크게 두가지가 있습니다. 첫번째는 표()을 이용하는 것이고, 두번째는 CSS를 이용하는 것입니다.2000년대 초까지만해도 CSS 보다는 을 주로 사용했습니다. 하지만 을 이용하는 것은 컨텐츠와 디자인의 분리 원칙에도 맞지 않고, 사이드바의 위치를 바꾸는 등 수정을 해야 할 때 편집해야할 코드가 많다는 단점이 있어 요즘에는 거의 사용하지 않습니다.레이아웃을 만들 때 필요한 속성CSS로 레이아웃을 만들 때 꼭 알아야 할 속성은 margin, float, clear입니다.margin은 요소를 가운데 정렬할 때 사용합니다.margin-left: auto; margin-right: auto;로 설정하면 선택한 요소를 가..
[Html/Css] 페이지 만들기 - 간단하게 레이아웃(틀) 잡기건강한프로그래머 2016.05.09 15:56안녕하세요, 건프입니다. 개발을 하다보면, 사람들이 브라우저와 인터넷 만 연결되어 있으면, 언제든 접속할 수 있는 웹 페이지를 제작해보고 싶어질 수 있습니다.(제 경우가 그렇....) 그랬을때, 가장 먼저 고민이 되는 것이, '페이지의 레이아웃을 어떻게 짜는 것이 좋을까' 에 대한 고민을 하게되는데, 아래에서 간단한 예시를 보여드리겠습니다. topleftmainbottom(코드 하이라이터로 이쁘게 보여드릴려고 햇는데, html 태그 여서 그런지 뭔가 잘 안되네요.. 일단 이렇게 가겠습니다) 태그는 말그대로 비어있는 빈 박스 모양의 태그입니다. 따라서 전체 레이아웃을 잡을때 많이들 사용합니다.(di..