잡동사니에도 사랑을

[21.09.16] exam05(04_cssBoxModel) - 본문

JAVA_EE/CSS

[21.09.16] exam05(04_cssBoxModel) -

luvforjunk 2021. 9. 16. 21:18
728x90
반응형

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<style type="text/css">

div {

        width: 300px;

        height: 300px;

        color: blueviolet;

        font-size: 16px;

        background-color: mistyrose;

        background-size: 100px 100px;

        background-image: url("../img/img1.PNG");

        background-repeat: repeat-y; (y축으로 이미지를 반복시켜라)

        background-position: center center;

}

</style>

</head>

<body>

        <h3>div 박스에 배경 꾸미기</h3>

        <hr>

        <div>라이언(RYAN)은 카카오프렌즈에서 창작한 동물 캐릭터이다. 겉보기에는 얼핏 곰처럼 보이지만 사실은 갈기가 없는 사자이며 수컷이다. </div>

</body>

</html>

 

 

 

 

 

 

728x90
반응형

'JAVA_EE > CSS' 카테고리의 다른 글

[21.09.17] exam02(05_cssPositioning) - <a href="#">활용  (0) 2021.09.17
[21.09.16] exam01(05_cssPositioning) - inline / inline-block / block / none / hidden  (0) 2021.09.16
[21.09.16] exam04(04_cssBoxModel) -  (0) 2021.09.16
[21.09.16] exam03(04_cssBoxModel) -  (0) 2021.09.16
[21.09.16] exam01(04_cssBoxModel) -  (0) 2021.09.16
'JAVA_EE/CSS' Related Articles more