HTML5怎么設(shè)置背景拉伸
HTML5中默認(rèn)的背景設(shè)置是平鋪，如果想要實現(xiàn)背景拉伸的效果，就需要設(shè)置一些CSS樣式。
首先，在HTML文件中，可以在body標(biāo)簽中添加一個style屬性，用來設(shè)置背景圖片的樣式。代碼如下：
<body style="background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;">其中，background屬性設(shè)置背景圖片的路徑和是否平鋪，center center fixed表示圖片在屏幕中居中固定顯示。-webkit-background-size、-moz-background-size和-o-background-size是用來適配不同的瀏覽器。background-size: cover;則表示按比例拉伸圖片，填滿整個屏幕。 如果想裁剪背景圖片，使其適配屏幕比例，可以將background-size的屬性值改為contain，代碼如下：
<body style="background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;">除了設(shè)置body標(biāo)簽的背景樣式，還可以給單獨的元素設(shè)置背景樣式。例如，如果想給一個div元素設(shè)置背景圖片，可以如下設(shè)置：
<div style="background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;">內(nèi)容</div>以上就是HTML5設(shè)置背景拉伸的方法。記得使用合適的圖片大小，避免圖片過大導(dǎo)致頁面加載緩慢。
上一篇mysql6.0中文亂碼
下一篇vs2005的css