줄 배경 그림 수평 수직 레이아웃 스타일 코드 여부

3475 단어 Google
수요 정의: 수평 이 평평 하 든 수직 방향 이 평평 하 든 상관없다.1. 수평 이 평평 하지 않 으 면 배경 그림 이 왼쪽, 가운데, 오른쪽 에 있 는 상황 이 나타난다.다음 코드: background-image: url( http://www.google.com.hk/intl/zh-CN/images/logo_cn.png ); background-attachment:fixed; background-position:left; background-repeat:no-repeat; background-repeat:repeat-y; 비고: Div 디 스 플레이 라면 background - attachment: fixed;제거 (그렇지 않 으 면 스크롤 바 를 드래그 하고 배경 그림 을 따라 스크롤 합 니 다 ~ ~).Table 디 스 플레이 라면 이 속성 을 추가 해 야 합 니 다. (그렇지 않 으 면 Table 의 Tr 에 있 는 모든 Td 가 배경 그림 을 표시 합 니 다 ~)2. 수평 으로 평평 하 게 깔 면 코드 는 다음 과 같다. background-image: url( http://www.google.com.hk/intl/zh-CN/images/logo_cn.png ); background-repeat:repeat; 다음 과 같이 쓰 면: background - repeat - x;background-repeat:repeat-y;잘못된 거 야.
예 는 다음 과 같다.
<html>
	<body>
		<table border=1>
			<tr style='background-image: url(http://www.google.com.hk/intl/zh-CN/images/logo_cn.png);background-repeat:repeat,'>
				<td>                        <br/><br/><br/><br/><br/><br/></td>
				<td>                                        </td>
				<td>                                   </td>
			</tr>
			<tr>
				<td>    </td>
				<td>    </td>
				<td>    </td>
			</tr>
		</table>
		<br/><br/>
		<table border=1>
			<tr style='background-image: url(http://www.google.com.hk/intl/zh-CN/images/logo_cn.png); background-attachment:fixed; background-position:center;background-repeat:no-repeat;background-repeat:repeat-y'>
				<td>                        <br/><br/><br/><br/><br/><br/></td>
				<td>                                        </td>
				<td>                                   </td>
			</tr>
			<tr>
				<td>    </td>
				<td>    </td>
				<td>    </td>
			</tr>
		</table>
		<br/><br/>
	 <div style='background-image: url(http://www.google.com.hk/intl/zh-CN/images/logo_cn.png);background-position:left;background-repeat:no-repeat;background-repeat:repeat-y'>
				                        &nbsp;
				                                        &nbsp;
				                                   &nbsp;
				<br/><br/><br/><br/>
		</div>
		<div>
			      &nbsp;
				    &nbsp;
				    &nbsp;
		</div>
		<br/><br/>
		<div style='background-image: url(http://www.google.com.hk/intl/zh-CN/images/logo_cn.png);background-repeat:repeat'>
				                        &nbsp;
				                                        &nbsp;
				                                   &nbsp;
				<br/><br/><br/><br/>
		</div>
		<div>
			      &nbsp;
				    &nbsp;
				    &nbsp;
		</div>
	
	</body>
</html>

좋은 웹페이지 즐겨찾기