목록JAVA_EE/CSS (49)

잡동사니에도 사랑을

[21.09.17] exam04(05_cssPositioning) - float / text-align: justify(양쪽정렬)

DOCTYPE html> Insert title here #float { float: right; 오른쪽으로 밀려서 나온다. border: 1px solid black; width: 7em; padding: 0.25em; margin: 1em; } .text1 { margin-right: 10em; 오른쪽 여백 10em text-align: justify; 양쪽정렬 } .text2 { clear: both; } 학기말 공지 24일은 피아니스트 조성진의 크리스마스 특별 연주가 있습니다. 태그를 쓰면 줄바꿈이 일어나기 때문에 문장과 문장 사이 약간의 공백이 나타나는 걸 확인할 수 있다. 태그가 아닌 로 잡게되면 문장과 문장이 달라붙어서 나온다. 이제 곧 겨울 방학이 시작됩니다. 학기 중 못다한 Java, C..
JAVA_EE/CSS 2021. 9. 17. 18:49
[21.09.17] exam03(05_cssPositioning)

DOCTYPE html> Insert title here #float { float: right; border: 1px solid black; padding: 0.25em; margin: 1em; } .text { margin-right: 10em; text-align: justify; } 학기말 공지 24일은 피아니스트 조성진의 크리스마스 특별 연주가 있습니다. 이제 곧 겨울 방학이 시작됩니다. 학기 중 못다한 Java, C++ 프로그래밍 열심히 하기 바랍니다. 인턴을 준비하는 학생들은 프로젝트 개발에 더욱 힘쓰세요. 그럼 다음 학기에 만나요.
JAVA_EE/CSS 2021. 9. 17. 18:46
[21.09.17] exam02(05_cssPositioning) - <a href="#">활용

DOCTYPE html> Insert title here .paging { text-align: center; } .paging a { display: inline-block; padding: 5px 8px; /* top&bottom, left&right */ border: 1px solid #ccc; background-color: beige; font-weight: bold; } 1 2 3 4 5
JAVA_EE/CSS 2021. 9. 17. 18:45
[21.09.16] exam01(05_cssPositioning) - inline / inline-block / block / none / hidden

DOCTYPE html> Insert title here div { border: 2px solid yellowgreen; color: blue; background: aliceblue; } span { border: 3px dotted red; background: yellow; } 인라인, 인라인 블록, 블록 나는 div입니다. 나는 div(none)입니다. 나는 div(hidden)입니다. 나는 div(inline)입니다. 과 똑같은 결과를 얻는다. 처럼 글자 영역까지 공간을 잡고 들어간다. 나는 div(inline-block)입니다. 나는 divspan(block)입니다.
JAVA_EE/CSS 2021. 9. 16. 21:20
[21.09.16] exam05(04_cssBoxModel) -

DOCTYPE html> Insert title here div { width: 300px; height: 300px; color: blueviolet; font-size: 16px; background-color: mistyrose; background-size: 100px 100px; background-image: url("../img/img1.PNG"); background-repeat: repeat-y; (y축으로 이미지를 반복시켜라) background-position: center center; } div 박스에 배경 꾸미기 라이언(RYAN)은 카카오프렌즈에서 창작한 동물 캐릭터이다. 겉보기에는 얼핏 곰처럼 보이지만 사실은 갈기가 없는 사자이며 수컷이다.
JAVA_EE/CSS 2021. 9. 16. 21:18
[21.09.16] exam04(04_cssBoxModel) -

DOCTYPE html> Insert title here p { background: #90D000; padding: 20px; width: 300px; } #round1 { border-radius: 50px; } #round2 { border-radius: 0px 20px 40px 60px; } #round3 { border-radius: 0px 20px 40px; } /* top, left&right, bottom */ #round4 { border-radius: 0px 20px; } /* top&bottom, left&right */ #round5 { border-radius: 50px; border-style: dotted; } 둥근 모서리 테두리 반지름 50픽셀의 둥근 모서리 반지름 0, 20..
JAVA_EE/CSS 2021. 9. 16. 21:16
[21.09.16] exam03(04_cssBoxModel) -

DOCTYPE html> Insert title here 다양한 테두리 3픽셀 solid 3픽셀 none 3픽셀 hidden 3픽셀 dotted 3픽셀 dashed 3픽셀 double 15픽셀 groove 15픽셀 ridge 15픽셀 inset 15픽셀 outset
JAVA_EE/CSS 2021. 9. 16. 21:15
[21.09.16] exam01(04_cssBoxModel) -

DOCTYPE html> Insert title here div { background: ghostwhite; } span { background: deepskyblue; } div.box { background: yellow; border-style: solid; border-color: peru; margin: 40px; /* 시계방향 - top, right, bottom, left */ border-width: 30px; padding: 20px; /* 시계방향 - top, right, bottom, left */ } DIVDIVDIV
JAVA_EE/CSS 2021. 9. 16. 21:10
이전 Prev 1 2 3 4 5 6 7 Next 다음