RedPlus 개인 블로그

시삽: 레드플러스 님 
게시판 이동:
 제목 : CSS : Display속성의 block/inline/none 비교
글번호: 238
작성자: Administrator ( 레드플러스 / redplus@live.com )
작성일: 2011/04/16 오전 6:59:00 (2011/04/16 오전 6:59:00 수정)
조회수: 3755

소개

소스

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Display속성의 block/inline/none</title>
    <style type="text/css">
        divp { border1px solid red; }
        span { background-color:Yellow; }
        #inlineToBlock { display:block; } 
        #blockToInline { display:inline; }
        #hideBlock { display:none; }
    </style>
</head>
<body>
    <!-- 블록 요소 -->
    <div>
        첫번째 블록 영역
    </div>
    <p id="hideBlock">
        두번째 블록 영역
    </p>
    <!-- 인라인 요소 -->
    <div>
        안녕하세요. <span id="inlineToBlock">반갑습니다.</span>
        <img src="images/about.gif" alt="이미지" /> 
        <p id="blockToInline">또 만나요.</p>
    </div>
</body>
</html>

 

실행 결과

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 ASP.NET 4 Web Forms과 ASP.NET MVC 3를 하나의 웹 사이트에 ... - Administrator 2011-04-22 3640
현재글 CSS : Display속성의 block/inline/none 비교 - Administrator 2011-04-16 3755
다음글 ASP.NET MVC 3 Tools Update 다운로드 및 설치 - Administrator 2011-04-15 3909
관련 페이지 리스트
numtitlenamedateview
388 C 언어에서 값 전달과 참조 전달(Call By Value and Call By Re... Administrator 2023-03-09 1465
387 병합 알고리즘 순서도 2022-10-22 2126
386 C 언어 강의: scanf를 엔터키를 기준으로 여러 행으로 값을 입력 받기 Administrator 2022-01-09 3507
385 C 언어: scanf 사용해서 표준 입력인 콘솔로부터 나이를 정수로 입력 받아 출력 Administrator 2022-01-07 2525
384 Java 코드 샘플 - Function 인터페이스로 람다 식 만들기 Administrator 2022-01-04 2436
383 C# 코드 샘플 - 널 조건부 연산자 사용하기 Administrator 2022-01-02 2473
382 C# 코드 샘플 - 널 병합 연산자와 default 키워드 Administrator 2022-01-02 2403
381 C# 코드 샘플 - 널 병합 연산자로 문자열 변수의 NULL 값 확인하기 Administrator 2022-01-02 2318
380 C# 강의 - 14세 미만 체크 메서드 구현 Administrator 2022-01-01 2351
379 C 언어 천 단위 콤마 찍기 thousands_separator.c Administrator 2021-12-30 3151
378 for 문 순서도 - for 문(for loop) 순서도(flowchart) Administrator 2021-12-28 4995
377 C 언어 코드 샘플 - 전처리기 - 조건부 컴파일 Administrator 2021-12-27 2349
376 C 언어 코드 샘플 - 전처리기 - 매크로 함수 Administrator 2021-12-27 2358
375 http-server 설치하기 - 로컬 루프백 주소로 웹페이지 실행 2021-12-27 2368
374 C 언어 코드 샘플 - N명의 학생의 점수를 입력받아 1차원 배열에 저장 후 총점 구... Administrator 2021-12-27 2382
373 Java 코드 샘플 - 두 수의 합을 구하는 함수 Administrator 2021-12-26 2298
372 C 언어 코드 샘플 - 두 수의 합을 구하는 함수 Administrator 2021-12-26 2320
371 C# 교과서 강좌 - LINQ - Select 확장 메서드에 익명 형식 사용하기 Administrator 2021-12-26 2388
370 C# 교과서 강의 - LINQ - Select 확장 메서드를 사용하여 새로운 형태로 ... Administrator 2021-12-26 2344
369 C 언어 코드 샘플 - static-shared - 정적(공유) 변수 사용하기 Administrator 2021-12-26 2362
 
 
 
손님 사용자 Anonymous (손님)
로그인 Home