W3.CSS Card Content(카드내용)

수다왕

프로필 보기 이 회원 글보기

· 7년 전 · 조회 2095 2095

카드 안에 컨테이너를 추가하여 다른 섹션을 만듭니다.

Example
<div class="w3-card-4">

<header class="w3-container w3-blue">
<h1>Header</h1>
</header>

<div class="w3-container">
<p>Lorem ipsum...</p>
</div>

<footer class="w3-container w3-blue">
<h5>Footer</h5>
</footer>

</div>

[전체소스]

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>

<div class="w3-container">
<h2>Card Content</h2>
<p>Add containers inside the card to create different sections:</p>

<div class="w3-card-4" style="width:50%;">
<header class="w3-container w3-blue">
<h1>Header</h1>
</header>

<div class="w3-container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

<footer class="w3-container w3-blue">
<h5>Footer</h5>
</footer>
</div>
</div>

</body>
</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
2982	HTML The placeholder Attribute(자리 표시 자 특성)	컴프	1,381	8년 전
2981	HTML The pattern Attribute(패턴 속성)	컴프	1,837	8년 전
2980	HTML The multiple Attribute(다중 속성)	컴프	2,076	8년 전
2979	HTML 속성 값(The value Attribute)	컴프	1,489	8년 전
2978	HTML 입력 유형 URL(Input Type Url)	컴프	2,185	8년 전
2977	HTML 입력 유형 전화(Input Type Tel) 전화번호 형식만들기	컴프	3,265	8년 전
2976	HTML 입력 유형 날짜 / 시간 - 로컬(Input Type Datetime-local)	컴프	3,236	8년 전
2975	HTML 입력 유형 URL(Input Type Url)	컴프	2,078	8년 전
2974	HTML Input Type Tel	컴프	1,660	8년 전
2973	HTML input date input color	컴프	1,817	8년 전
2972	HTML 입력 제한(Input Restrictions) 1	컴프	1,710	8년 전
2971	HTML HTML5 input 유형	컴프	1,909	8년 전
2970	HTML Input Type Radio Input Type Checkbox Input Type Button	컴프	2,030	8년 전
2969	HTML Input Type Submit , Input Type Reset	컴프	1,969	8년 전
2968	HTML Input Type Text , Input Type Password	컴프	2,185	8년 전
2967	HTML HTML5 form 요소 datalist keygen output	컴프	2,029	8년 전
2966	HTML html textarea button 요소	컴프	1,958	8년 전
2965	HTML html input select 요소	컴프	2,320	8년 전
2964	HTML HTML NAME 속성	컴프	1,903	8년 전
2963	HTML HTML METHOD POST GET	컴프	2,171	8년 전
2962	HTML html form action	컴프	2,008	8년 전
2961	HTML <fieldset>을 사용하여 양식 데이터 그룹화	컴프	2,028	8년 전
2960	HTML html form submit	컴프	2,188	8년 전
2959	HTML html form input 객체	컴프	1,529	8년 전
2958	HTML HTML 레이아웃 요소	컴프	1,891	8년 전
2957	HTML HTML <script> 요소 HTML <base> 요소	컴프	1,375	8년 전
2956	HTML 뷰포트 설정하기	컴프	2,431	8년 전
2955	HTML [HTML <head> 요소] 1	컴프	1,644	8년 전
2954	HTML HTML The class Attribute	컴프	1,251	8년 전
2953	HTML [HTML 블록 및 인라인 요소]	컴프	2,466	8년 전

이전 다음

13 14 15 16 17

전체 목록

강좌