728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
img {
width: 800px;
box-shadow: 5px 5px 30px 2px black;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 10px solid #ccc;
}
</style>
</head>
<body>
<img src="../Resource/bear.jpg" alt="곰">
</body>
</html>
728x90
반응형
'정보 > WEB' 카테고리의 다른 글
| linear그라데이션 (0) | 2022.12.29 |
|---|---|
| CSS 연습 (0) | 2022.12.29 |
| background와 vw,vh (1) | 2022.12.28 |
| Position예제2 (0) | 2022.12.28 |
| Position예제 (0) | 2022.12.28 |