Easy ways

[HTML] 이미지 표지 활성화(display) 본문

프론트엔드/Html Css

[HTML] 이미지 표지 활성화(display)

softColors 2023. 8. 25. 00:18
반응형

 

이미지 표시 활성화 (display)

<!doctype html>

<html>
    <style>
        .img_inline { display: inline;}
        .img_block { display: block;}
    </style>
    <img class = "img_inline" src = "test_image.jpg" width="200px" height="200px">
    <img src = "test_image.jpg" width="200px" height="200px">
    <br>
    <img class = "img_block" src = "test_image.jpg" width="200px" height="200px">
    <img src = "test_image.jpg" width="200px" height="200px">
</html>

 

 

반응형

'프론트엔드 > Html Css' 카테고리의 다른 글

[CSS] 스타일 색상, 폰트 설정 법  (0) 2023.08.25
[Html, CSS] 웹페이지 이미지 표현 (margin,padding, border, visibility)  (0) 2022.12.17
[웹 기초] CSS란? CSS의 기초와 예제  (0) 2022.12.04
[HTML] Input Tag 총 정리  (0) 2022.11.17
[웹서버 기초]HTML 이란? (개념설명, 환경구축, 예제)  (0) 2022.09.23
'프론트엔드/Html Css' Related Articles more
Comments