그림 주위에 CSS 테두리를 쓰는 방법

계단식 스타일 시트를 사용하면 HTML 레이아웃을 수정하고 위치, 색상 및 테두리와 같은 속성을 표시 할 수 있습니다. HTML 태그는 웹 페이지에 이미지를 표시하는 데 사용되며 "테두리"특성을 포함합니다.이 특성을 사용하여 테두리를 설정하거나 해제하고 테두리의 너비를 지정할 수 있습니다. 아마도 스페셜을 특징으로하는 마케팅 페이지를 만들고 기본 회사 웹 사이트 스타일과 다른 방식으로 이미지 테두리를 표시하려고 할 것입니다. CSS를 사용하여 특정 이미지의 테두리 스타일을 수정하십시오.

1.

HTML 또는 텍스트 편집기를 실행하고 웹 페이지를 엽니 다. 위치 찾기 테두리를 추가 할 이미지 태그입니다.

2.

스타일 변경을 시작하려면 CSS 스타일 속성을 삽입하십시오 ( ). 테두리 속성을 삽입하여 너비, 유형 및 색상과 같은 테두리 품질을 수정합니다. 다음 이미지는 두꺼운 빨간색 점선으로 표시됩니다. 속성은 어떤 순서로도 될 수 있습니다.

삼.

원하는대로 경계 매개 변수를 수정하십시오. 테두리 두께는 두껍거나 중간이거나 얇을 수 있으며 "6px"와 같은 픽셀 크기 값이 될 수 있습니다. 이중 테두리, 단색 또는 파선을 포함하여 다양한 테두리 유형 중에서 선택할 수 있습니다. 색상은 16 진수 (#ffcc00), RGB (RGB (255, 0, 0)) 또는 색상 이름 (파란색) 등 다양한 방법으로 나타낼 수 있습니다.

4.

페이지를 저장하고 웹 브라우저에서 열면 표시 변경 사항을 볼 수 있습니다.