把圖片定義為背景或者寫入CSS樣式表中,然後就可以在上面布局文字了。
2. 網頁設計時如何將圖片和文字位於同一水平
網頁設計時將圖片和文字位於同一水平方法:
一、不要給文字標簽加屬性。給img{vertical-align: middle;}一個屬性即可。
二、img標簽向左浮動,給文字加一個標簽(例如span),然後設置文字標簽為塊狀,並設置上(內/外)邊距。span{ display:inline-block; margin-top:4px; margin-top:4px;} 內邊距,外邊據均可,最好是內邊距。
三、給文字加個標簽(例如span),同時控制這兩個標簽浮動。並給文字加行高,其值為圖片高度值。
3. 網頁中文字加圖片的那種,怎麼全部復制下來
有兩種辦法:
一種是截屏:將PrtSc鍵按下,然後打開圖畫工具,再按下Ctr+V,再按下Ctr+S保存,即可將整屏復制下來,保存為JPG文件或PNG文件格式。
另一種是打開文件菜單--選「另存為」,在對話框中選擇要存放的位置,起一個文件名,確定後即可將該頁保存為Htm網頁格式文件。
如幫助到你請採納,如有疑問請交流!
4. 網頁中圖片如何設置文字圍繞
網頁中文字環繞圖片效果的實現
1、直接設定文字環繞圖片
<div style="width: 400px; border: 1px solid
#CCCCCC">
<img id="img" src="images/photo_01.gif"
style="float: left; clear: left; width: 120px; height: 120px;
padding: 10px" />
某某公司是生產銷售新型電子材料、服裝、傢具的專業廠家,有自營進出口權,年銷售額過億元。<br/>新型電子材料產品已在全國各大電子企業、軍工企業以及航天、鍾表、珠寶首飾等行業享有較高的知名度。
服裝暢銷北美、歐洲、大洋洲<br/>我要實現左上
角是圖片,然後就是文字環繞在圖片的右邊,像下面的效果圖一樣。
</div>
2、用CSS實現文字環繞圖片的效果
以下是引用片段:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
div {
width:300px;
border:1px solid red
}
img {
float:left;
width:100px;
height:100px
}
</style>
<div>
<img src="images/photo_01.gif"
/>
某某公司是生產銷售新型電子材料、服裝、傢具的專業廠家,有自營進出口權,年銷售額過億元。<br/>新型電子材料產品已在全國各大電子企業、軍工企業以及航天、鍾表、珠寶首飾等行業享有較高的知名度。
服裝暢銷北美、歐洲、大洋洲<br/>我要實現左上
角是圖片,然後就是文字環繞在圖片的右邊,像下面的效果圖一樣。
</div>
5. html求製作一個簡單網頁代碼,只需要一些文字加幾張圖片
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="Generator"content="EditPlus®">
<metaname="Author"content="">
<metaname="Keywords"content="">
<metaname="Description"content="">
<title>Document</title>
</head>
<body>
<imgsrc="這里填你的圖片名字,例如1.jpg,圖片跟html放在同一個文件夾下面就行">
<imgsrc="2.jpg">
<imgsrc="3.jpg">
<p>這里輸入你想要輸入的文字</p>
</body>
</html>
6. 怎麼同時復制網頁上的文字和圖片
1、如果想保存整個網頁中的內容,以IE瀏覽器為例,先用滑鼠點擊圖中瀏覽器右上角的按鈕。
7. html求製作一個簡單網頁代碼,只需要一些文字加張圖片
具體步驟如下: