티스토리 뷰

프로그래밍/Qt

Qt 강좌 15 스타일시트와 HTML 사용

뽀로로친구에디 2018. 9. 15. 14:05

Qt 강좌 15 스타일시트와 HTML 사용 

새로운 프로젝트를 생성합니다. 



새로운 프로젝트 생성이 완료되었습니다. 


라벨을 추가합니다. 


라벨의 텍스트를 hello world를 입력합니다. 


html를 적용해서 입력해 보겠습니다. 
<font color =red> Hello World를 입력합니다. 


그럼 글자가 빨간색으로 변합니다. 



라벨을 더블클릭하면 위와 같은 화면이 나와요. 


Souce버튼을 누르면 html 소스를 볼수 있습니다. 


</font>를 추가시키세요. 


글자를 굵게 하고 싶으면 볼드<b> </b>를 삽입합니다. 


확인해봅니다. 글자(폰트)가 굵어졌습니다. 


이탤릭체로 바꾸고 싶으면 <i> </i>를 삽입해 봅니다. 


Rich Text를 선택하면 바로 확인할수 있습니다. 폰트가 이탤릭체로 변경됐습니다. 


h1 스타일로 변경하고 싶으면 양 끝에 <h1> </h1>를 삽입합니다. 


\

확인해봅니다. 


확인해봅니다.



위와 같은 HTML 소스를 입력하면 


표가 만들어집니다. 


라벨이 표가 되었습니다. 



이번에는 푸쉬버튼을 추가합니다. 


푸쉬버튼을 추가하고 우측하단 프로퍼티에서 스타일시트(styleSheet)를 선택하고 ... 을 클릭합니다. 


위와 같은 화면이 나와요. 


color:green; 를 입력합니다. 


PushButton의 색갈이 녹색으로 변할걸 확인할수 있습니다. 


이번에는 레드를 입력합니다. 


푸쉬버튼의 색상이 빨간색이 되었습니다. 


이번에는 폰트 사이즈를 20으로 변경합니다. 


푸쉬버튼 텍스트가 20으로 커졌습니다. 


폰트 스타일을 이탤릭으로 변경해봅니다. 



푸쉬버튼 텍스트가 이탈릭으로 변경됐습니다. 


폰트를 굵고 타임즈뉴로만이라는 글자체로 변경해봅니다. 


그리고 확인해봅니다. 


댓글
최근에 달린 댓글
글 보관함
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Total
Today
Yesterday
    뽀로로친구에디
    최근에 올라온 글