html+css

명언 예제

woooonikk 2022. 12. 26. 22:43

이걸 만들어보자

"싸우지 않으면 이길 수 없다"

내가 가장 좋아하는 명언이다 위의 도면대로 만들어보자

따옴표를 클래스로 나누어준다 시작하는 따옴표와 끝나는 따옴표로 클래스이름은 qmark open-qmark와

qmark close-qmark로 나누어 주었따

 

font-size: 300%
커졌다

이제 위의 도면대로 따옴표 중간에 margin을 15px씩 줘야하기 때문에

margin-right:15px; margin-left:15px;

해줍니다

이제 position: relative;를 해준다

그후 20px 80px 양옆 내려와야 하니까

position:relative로 지정해준뒤

top 20px top 80px로 공간을 준다 그러면

완성!!!

'html+css' 카테고리의 다른 글

position-absolute  (0) 2022.12.26
position-fixed  (0) 2022.12.26
position-relative  (0) 2022.12.25
내비게이션 바 로고 실습  (0) 2022.12.22
vertical-align  (0) 2022.12.21