30-CSS-11-CSS(CSS 레이아웃 - 아트워크 혼합)

727 단어
[CSS의 레이아웃 - 그림 혼합 배열]
1단계: 먼저 그림, 문자 등 데이터를 라벨로 봉인한다.[명기] 모든 조작이 필요한 문자는 하이퍼링크 효과가 있는 문자와 같이 라벨로 봉인해야 한다
2단계: 레이블에 따라 스타일을 설정합니다.
[예제 코드]
<html>
<head>
<style type="text/css">
	#imgtext{
		border:#06F dashed 1px;
		height:400px;
		width:200px;
	}


	#img{
		height:20px;
		width:16px;
	}


	#text{
		float:bottom;	/*  */
		color:#F60;
		font-family:"    ";	/*    */
	}
</style>
</head>


<body>
	<div id="imgtext">		
		<div id="img"><img src="1.jpg" /></div>
	
		<div id="text">
		      , !      , !      , !
		</div>
	</div>
</body>
</html>

좋은 웹페이지 즐겨찾기