WebDesign2 텍스트 이미지 중앙정렬 padding: 4em calc(50% - 250px); 유동배경에 고정콘텐츠 즉 홈페이지에서 요즘 트렌드에 제일 많이 쓰이는 css인것같다 움직이는 배경에 텍스트 또는 이미지 중앙정렬이다. html 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 css .bg { background: #fdf965; padding: 4em calc.. 2021. 5. 16. 웹디자인 다중경계선 여러개 선이 겹친 형태 css box-shadow 이용 box-shadow 로 적용 box-shadow의 장점은 콤마구분으로 경계선을 원하는 만큼 아주 쉽게 여러개 만들 수 있다. .class { width:200px; height:200px; margin :0 auto; margin-top:40px; background:yellowgreen; box-shadow:0 0 0 20px #655, 0 0 0 35px deeppink; } 경계선css 만 따로 뽑아서 보자면 .class { background:yellowgreen; box-shadow:0 0 0 20px #655, 0 0 0 35px deeppink; } 경계선 한개를 추가 한다음 다음 한개를 더 추가할때 사이즈는 첫번째 경계선이 20px이면 그 다음 경계선을 15px 추가 하고 싶으면 첫번째 경.. 2021. 5. 15. 이전 1 다음