본문 바로가기
반응형

배워보자!!175

[html/css] 텍스트(text) 속성 알아보기! 텍스트를 다양하게 설정할 수 있는 text속성에 대해 알아보겠습니다. text-indent : 들여쓰기text-align : 문자열정렬 [left , right , center]line-height : 줄간격(행간격) [normal , 숫자 , 길이 , 퍼센트]vertical-align : 수직정렬 [top , middle , bottom]letter-spacing : 문자 간격 [normal , auto , 길이]word-spacing : 단어 간격 [normal , 길이]white-spacing : 빈칸 및 줄바꿈 처리 [normal , pre , nowrap]text-decoration : 문자열 처리 [none , underline , overline , line-through , blink]te.. 2015. 3. 24.
[html/css] html 텍스트 영역을 만들어보자! <textarea> 태그 텍스트영역[textarea] 한 줄 이상의 글을 입력할때 사용하는 폼입니다. 한 줄 짜리 텍스트를 입력할때 쓰는 과는 다릅니다. *속성 name : 텍스트 영역필드의 이름을 지정합니다. cols : 텍스트 영역 필드의 가로 너비를 지정합니다. rows : 텍스트 영역 필드의 세로 길이를 지정합니다. 지정한 숫자보다 줄의 개수가 많아지면 스크롤이 생깁니다. 코드를 수정후 적용하기를 눌러 확인가능합니다. 내어깨를 떠밀어도 소리쳐봐도 소용없어 어떻게 널 잊어 너라면 잊겠니 어떤 사랑인데 내 욕심이 더 자라면 너를 다치게 할지몰라 날 보내준다던 바보같은 이별의 말 되풀이하던 너 날 웃게 한사람 날 지켜준 한사람 바보야 너란걸 모르니 내가 아파도 내가 기뻐도 내겐 한결같은 너였잖아 날 울게 한사람 날 사랑한 한사.. 2015. 3. 18.
[html/css] html 선택목록만들기 <select> / <option> 홈페이지에서 생년월일 선택이나, 쇼핑몰에서 상품 선택시 목록이 아래로 쭉 펼쳐지는 걸 본 적 있으실 겁니다. 이런 것들을 선택목록이나 셀렉트 박스라고 합니다. 이 목록을 사용하면 공간도 절약되고 레이아웃도 깔끔해 집니다. 이러한 목록을 만들기 위해 태그와 태그를 사용합니다. 태그 -size 는 선택 목록의 크기를 지정합니다. 설정한 값만큼만 표시되고 나머지는 클릭을 해야지만 볼 수 있습니다. *자바스크립트로 새창열기 -window.open(링크주소) 코드를 수정후 적용하기를 눌러 확인가능합니다. === 즐겨찾기 === 테두리모양지정 테두리속성 html색상코드 테이블로 표만들기 적용하기!! 2015. 3. 18.
[html/css] css 이용해 테두리 모양 지정하기! css를 이용하여 테두리 선을 꾸며 보겠습니다. none : 테두리가 없음 solid : 테두리를 직선으로 표시함 dotted : 테두리를 점선으로 표시함 dashed : 테두리를 좀 더 긴 점선으로 표시함 double : 테두리를 이중 실선으로 표시함 ridge : 테두리를 볼록한 실선으로 표시함 groove : 테두리를 오목한 실선으로 표시함 inset : 테두리의 내용을 오목한 모양으로 표시함 outset : 테두리의 내용을 볼록한 모양으로 표시함 코드를 수정후 적용하기를 눌러 확인가능합니다. none : 테두리없음 solid : 테두리 직선 dotted : 테두리 점선 dashed: 테두리 긴 점선 double: 테두리 이중 실선 ridge: 테두리 볼록한 실선 groove: 테두리 오목한 실선 .. 2015. 3. 18.
반응형

티스토리툴바