또 다른 전형적인 CSS 예시_경험 교환

코드 복사 코드는 다음과 같습니다. PR &lt ;style type ="text/css" media="screen"> @charset "gb2312" /* PR CSS 전역 설정 */ body,a ,strong, input,button,h1,h2,h3,h4,h5,h6,h7 {font:12px "Arial","宋体","Tahoma","QQ 50198763",sans-serif;}/*12px 큰 , 글꼴 우선순위: Arial, 다음: Song Dynasty, Tahoma, Family: sans-serif*/ html,body {height:100%;}/*브라우저 높이를 100%로 설정*/ body,form ,menu, dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}/*본문,양식,메뉴 설정 ,dir, fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 내부 및 외부 패치는 0*/ div,p {display:block;} /*모든 div, p는 블록 요소입니다*/ ul,ol,dl {list-style:none;}/*모든 글머리 기호는 없이 표시됩니다. */ img {border:0;}/*All 그림 테두리는 없음*/ a {text-장식:none;}/*모든 링크는 수정되지 않습니다. [상단, 밑줄, 점선...]*/ a:hover {text-장식:underline; }/*모든 링크 위에 마우스를 놓으면 밑줄이 그어짐*/ 버튼 {cursor:pointer;}/*마우스를 놓으면 모든 버튼이 손 모양이 됩니다*/ /* 전역 설정 완료 */

/* 레이아웃 */ #box { width:548px; padding-bottom:8px } #box h3 { height:17px; { padding:5px 10px 0; } /* 수정 */ #box { background:url("images/left-btm.gif") 반복 없음 중앙 하단 } #box h3 { 글꼴 무게:굵게; 글꼴 크기:12px; 텍스트 들여쓰기:2.5em; 배경:url("images/left-toptle.gif") no-repeat } #box .bg { "images/left-mid.gif") 반복-y }

> ;p>테스트 콘텐츠

테스트 콘텐츠

🎜>

이 파일 다운로드