# border

41개의 포스트
post-thumbnail

CSS

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

1일 전
·
0개의 댓글
·
post-thumbnail

[css] inner border 스타일링

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

2023년 3월 25일
·
0개의 댓글
·
post-thumbnail

[Flutter] Container 테두리 주기

하단만 테두리를 주고싶다면 bottom속성에 색을 같이 지정해준다.border: Border(bottom: BorderSide(colors.pink))테두리 전체에 색을 주고 싶다면border: Border.all(color: Colors.pink)하단만 테두리 주었을

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

CSS D01

Casacading Style SheetsHTML 태그에 옷(=디자인)을 입혀주는 기법문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄여준다.CSS는 HTML문서 내의 어느 위치에나 올 수 있지만, 일반적으로 head 태그 안에 위치한다.CSS코드

2023년 2월 21일
·
0개의 댓글
·
post-thumbnail

[CSS] border inline으로 만들기

css에서 border값을 넣으면 outline으로 잡힌다.그래서 위 사진을 확인해보면 마우스를 올리면 border 때문에 Selected와 화살표가 미세하게 움직이는 것을 알 수 있다.인라인으로 border값을 넣고 싶으면 box-shadow를 사용하면 된다.box-

2023년 2월 19일
·
0개의 댓글
·

[CSS] 박스 모델(2) 2-7

border 속성을 사용하면 요소에 테두리를 줄 수 있다. 선의 굵기와 스타일, 그리고 색을 다양한 값으로 줄 수 있다.ex) border: 2px solid black / 0.5em dashed 너비와 높이 값에 padding과 border 값을 포함시킬지 결정한다.

2023년 1월 25일
·
0개의 댓글
·

CSS border이 안보여요

해결책 css파일 연결상태 확인, border-style default value가 none이기 때문, border-style : solid 로 변경 간단한 코드인데 결과물을 보면 검은테두리가 안보인다. 먼저 확인해 볼 것은 css가 잘 연결 되었나 확인해볼 수

2022년 12월 27일
·
0개의 댓글
·
post-thumbnail

CSS 배우기

CSS로 전에 만든 로그인페이지 꾸며주기

2022년 11월 8일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #012일

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

2022년 10월 31일
·
0개의 댓글
·
post-thumbnail

[CSS] Border

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

2022년 10월 9일
·
0개의 댓글
·
post-thumbnail

[CSS] Margin / Padding

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

2022년 10월 9일
·
0개의 댓글
·
post-thumbnail

[리액트를 다루는 기술] TodoInsert의 input&button 초기화 및 placeholder 디자인

리액트에서 아이콘을 자유롭게 사용npm 설치 후 원하는 아이콘 import하여 태그에 적용홈페이지 주소(https://react-icons.github.io/react-iconsborder는 기본 테두리 / outline은 focus시 테두리&::placeho

2022년 9월 7일
·
0개의 댓글
·
post-thumbnail

Inner Border?

Border는 바깥으로 그려질까 안쪽으로 그려질까? 오해와 삽질에 대해 정리해본다.

2022년 8월 11일
·
0개의 댓글
·
post-thumbnail

CSS 속성 (1)

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

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

CSS - 테두리(border)

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

2022년 7월 11일
·
0개의 댓글
·
post-thumbnail

css 속성 | 너비, 여백, 테두리

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

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

웹 프로그래밍 3일차(실습)

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

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

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

2022년 4월 25일
·
0개의 댓글
·