그냥 항상 포토샵으로 광고이미지만 만들어보다가 html페이지 형식으로 광고 페이지 만드려고 하는데요
지금 구글 웹 디자이너 사용중인데 한번도 css코드나 html코드를 만저본적이 없거든요.
이미지 가운데 정렬이후에 모바일화면에 똑같은 크기로 나올수 있도록 반응형으로 적용시키는 방법 알려주실수 있으신가요?
<html>
<head>
<meta charset="utf-8">
<title>광고페이지제작</title>
<meta name="generator" content="Google Web Designer 1.7.1.0130">
<style type="text/css" id="gwd-text-style">
p {
margin: 0px;
}
h1 {
margin: 0px;
}
h2 {
margin: 0px;
}
h3 {
margin: 0px;
}
</style>
<style type="text/css">
body {
background: url("/img/wallpaper1.jpg") center top no-repeat fixed;/* 배경화면 */
}
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
body {
transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform-style: preserve-3d;
background-color: transparent;
}
.광고이미지2 {
position: absolute;
width: 900px;
height: 400px;
top: 398px;
left: 330px;
}
.광고이미지1 {
position: absolute;
width: 900px;
height: 400px;
left: 330px;
top: -2px;
}
</style>
</head>
<body class="htmlNoPages">
<img src="assets/2.jpg" class="광고이미지2">
<img src="assets/1.jpg" class="광고이미지1">
</body>
</html>
이게 구글웹디자이너 html 형식으로 만들기를 해서 이미지 2장넣었을때 첫 코드에요 어떻게 수정해야 이미지 두장을 가운데 정렬할수 있을까요??
글쓰기