DIV와 CSS를 사용하여 단색 테두리가 있는 빨간색 상자 만들기-CSS 튜토리얼-php.cn

DIV와 CSS를 사용하여 단색 테두리가 있는 빨간색 상자 만들기

php中世界最好的语言

풀어 주다： 2017-11-28 12:02:02

원래의

5571명이 탐색했습니다.

참고할 수 있는 사례를 만들어 보겠습니다. 우리는 DW 소프트웨어를 사용하여 빨간색 테두리가 있는 상자를 만듭니다. 여기에 코드 예제가 있습니다.

효과를 관찰하기 위해 CSS 높이와 CSS 너비를 설정합니다. 상자 스타일에 빨간색 CSS 테두리 스타일을 지정합니다. 동시에 DIV는 여전히 DW 소프트웨어를 사용하여 호환성을 위해 이 인스턴스를 생성합니다.

이 인스턴스 이름을 css ".div"로 지정하고 html에서 class quote을 사용하세요. CSS 너비는 380px, CSS 높이는 200px, 테두리 너비는 2px인 단색 테두리가 있습니다.

Border 기본 구문:

Border: border CSS 테두리 튜토리얼을 입력하세요

전체 예제 HTML 코드는 다음과 같습니다.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>新建边框实例</title> 
<style> 
.div{ width:380px; height:200px; border:2px solid #F00} 
</style> 
</head> 
<body> 
<div class="div">我宽度为380px 高度200px 边框2px红色</div> 
</body> 
</html>

로그인 후 복사

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 주의하세요. PHP 중국어 웹사이트의 다른 관련 기사를 확인하세요!