導航:首頁 > 萬維百科 > 網頁設計圖片css

網頁設計圖片css

發布時間:2020-09-18 07:50:29

1、在網頁製作中如何控制DIV居中顯示,用CSS怎麼控制背景圖片大小?

1、首先,打開html編輯器,新建html文件,例如:index.html。

2、在index.html中的<style>標簽中,輸入css代碼:

body {text-align: center;background: url(small2.png); background-size: 60%;}

3、瀏覽器運行index.html頁面,此時成功通過css控制了div居中顯示,背景圖片的大小為60%。

2、網頁設計CSS 這種圖片是怎麼用的

<!Doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>標題</title>
<style>
.show-pic{
background: url('./pic.jpg') no-repeat; /* 集成圖片 */
width: 18px; /* 寬高表示你要顯示的尺寸 */
height: 18px;
background-position: 0px -35px;/* 用來定位你要顯示圖片的哪一部分 */
}
</style>
</head>
<body>
<div class="show-pic"></div>
</body>
</html>


1、保存圖片為pic.jpg;

2、在同一目錄下,建立html文件,內容如上;


效果如下:

望採納 :)

3、網頁設計 CSS怎麼設置 圖片間距等於0

圖片的間距,是由 padding 和 margin 兩個要素決定的。只要將這2個值置0,即可。
例如:
<img src="xxx.gif" style="padding:0;margin:0" alt=""/>

4、網頁設計在css中寫background–images:url(images/1.jpg.png)

是圖片樣式,png支持透明格式,jpg最少的磁碟空間得到較好的圖片質量,gif會壓縮減少圖片體積,動圖,所以說你看你的圖片後綴名是什麼,你寫兩個是肯定不行的,除非你圖片命名是1.jpg後綴是png

5、製作html網頁時如何使用CSS使背景圖片拉伸(

比方說背景圖片鋪滿整個div(不管多大):

<div style="width:320px; height:240px; background:url(圖片url) no-repeat center / 100% 100%"></div>

如果想讓圖片保持原始的長寬比例不變形(多餘部分自動裁去):

<div style="width:320px; height:240px; background:url(圖片url) no-repeat center / cover"></div>

如果想保持比例的同時又要顯示出完整的圖片(div會出現留白):

<div style="width:320px; height:240px; background:url(圖片url) no-repeat center / contain"></div>

6、網頁製作中,圖片什麼情況用CSS,什麼情況可以直接插入

簡單總結下:
1、新聞類圖片、產品類圖片、介紹性類的圖片就直接插入。因為這些圖片經常更換~
2、裝飾性圖片,可以作為css背景加入,也可以直接插入。這個就看你的習慣了。

個人建議:
裝飾性圖片都css加入,方便css控制,也可以做圖片精靈。

7、網頁製作中怎麼用CSS樣式定點陣圖片的位置

就簡單的圖片定位是吧,我給你個範例,然後你參考下。 <div style="text-align:center" align="center"> <img src="" align="absmiddle" /> </div> 上面DIV中STYLE里CENTER是圖片居中,ALIGN是表格框架居中,IMG中的ALIGN里的ABSMIDDLE是在表格中居中的圖片絕對居中。 還有什麼不懂的可以聯系我。

8、網頁設計中的css背景圖片不能顯示

如圖在樣式設計窗口中設置方框的寬度和高度就可以了 

看了你的源碼,我這運行也沒錯。

不過我放的是.gif的圖片,瀏覽器顯示沒問題

放了.png的圖片,我這里是FF不能顯示圖片,以前我遇到過.png圖片不支持瀏覽器的情況。

還有你看看%E6%9C%AA%E6%A0%87%E9%A2%98-1這個會不會有問題,我以前做過像這種路徑:skins/skin_%28%21SKINID%21%29 也不可以出來圖片,後來換成這種skins/skin_(!SKINID!)就可以了,不過skin_%28%21SKINID%21%29代表什麼我就不懂了,別人告訴我這個(!SKINID!)是代表變動的。

9、網頁設計頁面布局使用div+css是什麼意思,還有怎麼插入圖片,謝謝各位大神

div模型,搭上css樣式
用<img src="圖片地址" alt="顯示不出來的時候的文字" />插入圖片

與網頁設計圖片css相關的知識