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

網頁設計文字圖片

發布時間:2020-09-22 19:28:24

1、網頁設計 html 怎麼在div圖片里插入文字

第一種方法:
添加一個DIV,採用絕對定位,圖片所屬DIV為基準
<div style="position:relative;width:100px;height:100px;">
<img src="" alt="" />
<div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">
文字
</div>
</div>
第二種方法:圖片作為背景圖片
<div style="background:url(abc.jpg) no-repeat left top;">
wenzi
</div>

2、網頁設計中如何讓把文字放在圖片上顯示

方法有很多
給你介紹一個最簡單的
<div
style="width:200px;
height:200px;
background-image:url(MDgxOTE3LXRoNXh4Nw==.jpg)">
div設置背景圖片
</div>
其次還可以通過div的定位來做
還有就是通過水印來做
總之更具不同的需求用不同的方法
靈活多變

3、html求製作一個簡單網頁代碼,只需要一些文字加幾張圖片

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  
  <img src="這里填你的圖片名字,例如1.jpg,圖片跟html放在同一個文件夾下面就行">
  <img src="2.jpg">
  <img src="3.jpg">
  <p>這里輸入你想要輸入的文字</p>
  
 </body>
</html>

4、製作網頁時怎樣在文字旁邊插入圖片

下載Dreamweaver CS3

雙擊Dreamweaver CS3,新建一個網頁

插入一個一行一列的表格,設置其寬80,高160,

點擊菜單欄上的「插入記錄-媒體-圖片查看器」

這時就會彈出一個「保存Flash元素」的對話框,命名後保存到相應的位置,文件格式一定是.swf格式的 

點擊右邊的「Flash元素」,找到「imageURLs-編輯數組值",點擊「文件夾」

這時就會彈出 「編輯imageURLs數組」,點擊「+」,再點擊「文件夾」,選擇想要的圖片,

選擇好圖片之後,再返回到「Flash元素」標簽那裡,設置showControl為「是」,slideAutoplay為「是」,slideDelay為「2」

保存好網頁,按F12進行預覽,這樣就可以實現圖片自動的變換了。

5、網頁設計中如何將文字和圖片一起排版

我做網頁5年了,到現在也沒找到最好的辦法。
變通的方式:
畫表格,border=0,適當拆分單元格,圖片和文字分別放入不同的單元格里,按照需要的方式左或右對齊。
祝你好運。

6、網頁設計如何在背景圖片上編輯文字

第一種、將背景圖寫在css中
<style>
.class{background: url("圖片路徑") no-repeat;}
</style>
接著就直接在html中寫文字內容。
第二種、寫在html中
<div class="screen">
<div class="img"><img src="images/logo.png" alt=""></div>
<div class="intro intro--shown"><p>你的文字內容</p></div>
</div>

css樣式,
.screen {
position: relative;
width: 1280px;
height: 720px;
overflow: hidden;
}
接著就是包裹的兩個div,圖片和文字
.img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 7px;
position: absolute;
}
.intro {
position: absolute;
width: 100%;
bottom: -5px;
z-index: 20;
}
z-index: 20;就是可以將文字鎖定在你圖片的上方

7、html求製作一個簡單網頁代碼,只需要一些文字加張圖片

完整的代碼如下:
<html>
<head>
<title>簡單網頁製作練習</title>
</head>
<body>
<p>1.文字內容,直接輸入文字即可。。。。。如果想設置其相關屬性可以使用font標簽
<font size="18" color="red" >紅色18號文字</font> </p>
<p> 2.添加圖片 <img src="圖片名稱.屬性" id=「圖片簡介」>
<img src="1.jpg" id=" 加入圖片練習"> </p>
</body>
</html>
樓主,如果不明白可以HI聯系我。。。。

8、網頁設計 如何讓圖片在左 文字在右

在dw里的時候,圖片在文字上方。在圖片的<img>里寫 float:left;
<img src="a.jpg" style="float:left;" />

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