# border

CSS
탭 왼쪽에 들어가는 작은 아이콘헤드태그 안에 들어가야한다. 들어갈 아이콘파일은 아이콘컨버터등을 이용하여 만들수있다.<link rel=”icon” href=”파일명”>style=”cursor: pointer;” 포인터모양의 커서가 나온다style=”cursor:ur

[css] inner border 스타일링
css inner border 인풋안에 보더를 주고싶었는데 위에 보더를 주다보니 아웃라인에 생기게 되었다.그래서 안쪽에 스타일링을 할려고 찾아보았더니 이런식으로 box-shadow를 활용하여 쓰는것을 알게되었다.

[Flutter] Container 테두리 주기
하단만 테두리를 주고싶다면 bottom속성에 색을 같이 지정해준다.border: Border(bottom: BorderSide(colors.pink))테두리 전체에 색을 주고 싶다면border: Border.all(color: Colors.pink)하단만 테두리 주었을
CSS D01
Casacading Style SheetsHTML 태그에 옷(=디자인)을 입혀주는 기법문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄여준다.CSS는 HTML문서 내의 어느 위치에나 올 수 있지만, 일반적으로 head 태그 안에 위치한다.CSS코드

[CSS] border inline으로 만들기
css에서 border값을 넣으면 outline으로 잡힌다.그래서 위 사진을 확인해보면 마우스를 올리면 border 때문에 Selected와 화살표가 미세하게 움직이는 것을 알 수 있다.인라인으로 border값을 넣고 싶으면 box-shadow를 사용하면 된다.box-
[CSS] 박스 모델(2) 2-7
border 속성을 사용하면 요소에 테두리를 줄 수 있다. 선의 굵기와 스타일, 그리고 색을 다양한 값으로 줄 수 있다.ex) border: 2px solid black / 0.5em dashed 너비와 높이 값에 padding과 border 값을 포함시킬지 결정한다.
CSS border이 안보여요
해결책 css파일 연결상태 확인, border-style default value가 none이기 때문, border-style : solid 로 변경 간단한 코드인데 결과물을 보면 검은테두리가 안보인다. 먼저 확인해 볼 것은 css가 잘 연결 되었나 확인해볼 수

Front-end 국비지원 #012일
HTML 구성CSS 구성HTML 구성CSS 구성HTML 구성CSS 구성최대한 중복되는 HTML의 클래스를 이용하여 CSS를 작성한다.onmouse(마우스를 올릴때 바뀌는 이벤트)onmouseover="this.src='경로'" onmouseout="this.src='경

[CSS] Border
앞에서 정리한 margin의 순서는 고정값이므로 순서를 꼭 지켜야 한다.(순서 시계방향!!) 하지만 border 순서는 중요하지 않다. 그럼에도 불구하고 약속된 coding convention(코딩 규칙)에 따라 순서를 맞춰주는 것이 좋다.border: 선 두께 선 종

[CSS] Margin / Padding
Margin 과 Padding 주황색은 margin 영역. 위, 오른쪽, 아래, 왼쪽에 모두 20px 노란색은 border 영역. 보더의 두께는 5px, 색상 빨강 초록색은 padding 영역. 위, 오른쪽, 아래, 왼쪽에 모두 50px 요소의 가로는 273px, 세

[리액트를 다루는 기술] TodoInsert의 input&button 초기화 및 placeholder 디자인
리액트에서 아이콘을 자유롭게 사용npm 설치 후 원하는 아이콘 import하여 태그에 적용홈페이지 주소(https://react-icons.github.io/react-iconsborder는 기본 테두리 / outline은 focus시 테두리&::placeho

CSS 속성 (1)
HTML 속성 (Attributes) CSS 속성 (Properties) JS 속성 (Properties) 박스 모델: HTML요소의 기본적인 모양을 만들어내는 여러가지 속성들 (가로너비, 세로너비, 여백 등등) 글꼴, 문자: 폰트(서체) 배경, 배치(특정 요소를

CSS - 테두리(border)
내용(content)와 패딩(padding)을 감싸는 영역선으로 표시하며 선에 여러 종류가 있습니다. border-style: 값;보더속성도 패딩속성과 동일하게 축약해서 태그를 사용할 수 있습니다.border: 3px solid red;보더의 전체 크기는 3px, 선타

css 속성 | 너비, 여백, 테두리
💡Box Model 모든 HTML 요소는 웹 페이지에서 일정 공간을 차지하게 된다. 그리고 이러한 공간을 CSS에서는 박스 모델(Box Model)로 정의하고 있다. HTML 요소의 박스 모델은 Content, Padding, Border, Margin으로 구성되

웹 프로그래밍 3일차(실습)
꿀팁div class빠르게 적는방법①div.div1②.div2"."이 클래스를 의미하기 때문에 .div2라고 적어도 바로 div class가 나온다.참고자료:(무료html 템플릿)https://www.free-css.com/free-css-templates(

CSS box model 활용
CSS box model 활용 imageCSS box model 활용 image CSS box model 활용 image CSS box model 활용 imageCSS box model 활용 image CSS box model 활용 im