1、網頁設計中如何讓把文字放在圖片上顯示
把圖片設為背景即可,以下是修改後的代碼<html>
<head>
<title>框架</title>
<style>
.father{
width:500px;
height:250px;
border:1px
solid
#f76f01;
background-color:#ffffff;
}.son1{
float:left;
font:12px;
height:
}
</style>
</head>
<body>
<div
class="father"><div
class="son1"
style="background-image:url(image/1.jpg);width:100%;height:50px">把此文字放在上面的粗條上</div>
</div>
</body>
</html>
2、網頁設計與製作怎麼插入圖片
這位朋友這個很簡單;方法如下:
在<body></body>添加以下代碼,
<table>
<tr>
<td><img src="../img/00_05.jpg" /></td>
</tr>
</table>
<div>我愛你</div>
在<head></head>里添加:
<style type="text/css">
table{border-style:outset;}
div{ position:absolute; top:100px; left:100px;}
img{ width:200px; height:200px;}
</style>
原理就是把文字設置在一個DIV層中用絕對定位使這個層顯示在圖片的某個位置即可。(圖片路徑自己填寫即可),希望採納。
3、如何將圖片放到網上供網頁設計用
前提是,你存放網頁的伺服器上有FTP軟體(例如:serv-u),如果沒有也安裝一個,網上破解版的很多,安裝好後,開通一個用戶,設置擁有相關許可權。
其次在你的電腦上利用flashFTP軟體(網上破解版的太多了,最好是綠色版的),然後利用在伺服器上的FTP軟體的用戶,從過flashFTP連上去,然後上傳至網頁伺服器對應的位置即可。
望採納,謝謝!
4、網頁設計怎麼把兩張圖片放平對齊
可用DIV做
你的意思是在兩張圖片中間放表格嗎?如果是的話那就可以這樣:
<style>
#vv{ float:left;}
</style>
<div id="vv"><img src=....../></div>----圖片一
<table 設置寬度高度 float=left;>
<tr>
<td></td>
<td></td>
</tr>
</table>
<div><img src=....../></div>----圖片二
這樣做就是把第一個DIV和中間表格的float都設置成left,這樣第二張圖片就自動跑上去了
5、網頁設計中如何讓把文字放在圖片上顯示
方法有很多
給你介紹一個最簡單的
<div
style="width:200px;
height:200px;
background-image:url(MDgxOTE3LXRoNXh4Nw==.jpg)">
div設置背景圖片
</div>
其次還可以通過div的定位來做
還有就是通過水印來做
總之更具不同的需求用不同的方法
靈活多變
6、html網頁製作中,把圖片放在左下方怎麼做
用嵌套的div來相對定位:
<div id="beijing" style="background-image:url(image/bg/nav_blue.gif); width:400px; height:200px;"><div style="margin-left:100px; margin-top:50px; border:#F00 solid 1px; width:80px; height:40px;"></div></div>
上面是個例子
下面的代碼解釋 :
margin-left:100px;就是距離背景層版左邊的距離為權100像素,
margin-top:50px; 就是距離背景層上邊的距離為50像素;
如果你想把圖放到左下方的地方,
就用margin-left:100px;
右邊的話就用margin-right:100px;
代碼第一行打括弧的地方就是放圖片鏈接的
自己拿去再稍加琢磨,應該很快就可以搞定了!
htm代碼其實很容易懂的!
祝你成功吧
7、在設計網頁的過程中,想把一張圖片放為那個網頁的背景,該怎樣做?
<style type="text/css">
body{ background-image:url(img/2.jpg); background-repeat:no-repeat;}
</style>
img/2.jpg這個換成你的圖片地址
把這段代碼放到<head>和</head>之間
8、網頁設計中怎麼實現圖片旋轉
css3 的transform屬性允許我們旋轉、縮放和移動元素。 可以通過給它傳遞一個 rotate(度數) 值來旋轉一個元素,正值表示順時針方向旋轉,負值表示逆時針方向旋轉,旋轉的中心點為元素的中心。
CSS代碼如下:
.rotate{
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */
}
瀏覽器支持:Firefox 4+、Oprea 10+、Safari 3.1+、Chrome 8+、IE 9+
9、網頁設計中 如何放置圖片和打開圖片後鏈接另外一網頁?求解
如果你有Dreamweaver的話
創建一個網頁文件,先保存網頁文件,用小寫英文命名,圖片名字也一樣,不要用中文或者一些不著邊際的數字;網頁文件和圖片要存放在一個站點下(同個文件夾),這樣才能確保路徑正確。
如果你已經有網頁了,那麼就在把插入點定位好。
然後在Dreamweaver中點擊「插入」菜單-選「圖像」,然後在對話框中找到要插入的圖片文件,點確定,如果還有彈出另外的對話框,需要你輸入替換文字的話,你就用中文描述一下那張圖的內容(比如「小狗圖片」之類的,它可以當圖片不顯示的時候文字能出現在那裡然人知道圖片所呈現的內容)
圖片出現後點擊圖片,在軟體下方的圖片屬性中找到「鏈接」欄,如果要鏈接到外網的話就直接復制那個網頁的地址,填入鏈接欄里頭;如果是自己網站里頭的網頁,就點擊鏈接欄右邊的"瀏覽文件"按鈕,去找到你的網頁,確定就行了。
當然圖片存在鏈接的話,默認周圍有藍色的框,你可以在圖片屬性面板中把「邊框」填入0,這樣瀏覽時候就不會出現了。
其他其他兩位的回答都對的
但相比樓主可能看代碼不好理解吧
能看懂你們代碼的也不會問這個問題了
10、網頁設計怎樣添加圖片
網頁設計如何插入圖片?以下就是網頁設計如何插入圖片等等的介紹,希望為您帶來幫助。
第一步,先打開我們的網頁製作如見,目前比較常用的是Dreamweaver。選擇"HTML"。
第二步,打開這個軟體之後,我們可以看到左上角有三個選項,我們選擇其中的「設計」。
第三步,來到設計界面之後,把游標定位在自己要插入圖片的位置。
這個操作是不用寫代碼的,所以可以選擇工具欄上的「插入」命令。
接下來,我們在彈出的下拉菜單中選擇插入圖像命令。
選擇完插入圖像命令之後,會彈出這樣一個小窗口,我們把要插入的圖片的文件名輸入進去之後再點擊確定就可以了。
做完上面這一切步驟之後,圖片就可以插入到網頁中了,大家可以預覽網頁哦!