A. css中的背景圖怎麼改變大小
需要准備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
B. 用css3設置背景漸變之後,還能加背景圖片嗎
可以的,只要把它們用逗號隔開即可,如果你願意,你甚至可以用多張圖片與多個漸變進行復雜的效果疊加。比如下面是兩張圖片錯開位置後放到漸變背景上的例子:
<style>
#ddiv
{
width:480px;height:360px;
background:url(圖片1)no-repeat30px20px,url(圖片2)no-repeat160px180px,-webkit-linear-gradient(top,#966,#8ff)
}
</style>
<divid="ddiv"></div>
C. css中如何調整插入背景圖片的大小
可以通過cover和contain來對圖片進行伸縮。
語法:
background-size:auto;/* 默認值,不改變背景圖片的高度和寬度 */
background-size:100px 50px;/* 第一個值為寬,第二個值為高,當設置一個值時,將其作為圖片寬度來等比縮放 */
background-size:10%;/* 0%~100%之間的任何值,將背景圖片寬高按百分比顯示,當設置一個值的時候同也將其作為圖片寬度來等比縮放 */
background-size:cover;/* 將背景圖片等比縮放填滿整個容器 */
background-size:contain;/* 將背景圖片等比縮放至某一邊緊貼容器邊緣 */
(3)css3背景圖片擴展閱讀:
CSS背景圖片自適應、全屏、填充、拉伸
方法一:js控制
<div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
<div id="formbackground" style="position:absolute; z-index:-1;"><img src="10.jpg" height="100%" width="100%"/></div>
<script type="text/javascript">
$(function(){
$('#formbackground').height($(window).height());
$('#formbackground').width($(window).width());
});
</script>
方法二:全瀏覽器兼容
.bg{
background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
}
D. CSS3的background屬性如何讓背景圖片顯示完整,而且隨瀏覽器窗口的變小,圖片背景還是完整的
background-size:100%
E. CSS中如何設拉伸背景圖片鋪滿屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(5)css3背景圖片擴展閱讀:
CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。 CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字型大小樣式,擁有對網頁對象和模型樣式編輯的能力。
編程工具
記事本:使用Windows系統自帶的記事本可以編輯網頁。只需要在保存文檔時,以.html為後綴名進行保存即可。
Dreamweaver:它與Flash、Fireworks並稱網頁三劍客。Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師特別開發的視覺化網頁開發工具,利用它可以輕而易舉地製作出充滿動感的網頁。
F. 怎樣用css 使背景圖片覆蓋整個頁面
覆蓋整個頁面也就需要圖片占據整個屏幕或者占據整個html元素;
在css3出來之後,有一個屬性background-size;
這個屬性可以給背景圖片設置大小,當值為100% 100%的時候也就是說把圖片寬高都設置成百分百,然後元素有多大,圖片就會伸展多大,也就是說的整個頁面
G. CSS3樣式中如何讓背景漸變與背景圖片共存
目前,對CSS3支持日趨完善,實現兼容性的漸變背景效果是完全可以的,讓背景漸變與背景圖片共存的方法很簡單,主要要注意的是圖片要 保持「最小單元」的准則,選擇正確的瀏覽器,該問題就能得到解決,下面介紹一下具體的解決方法。
H. css3中設置了背景圖片background:url('../images/[email protected]') no-repeat center left 20%;
與手機沒太大關系,與手機上會用的瀏覽器比較有關系,最好公布下使用的瀏覽器