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

網頁設計圖片下有文字

發布時間:2020-09-05 17:10:03

1、我是新手,製作網頁的時候,如何像QQ網址那樣,就是上面有圖片,下面還有文字標識,那文字不是在圖片上

<div style="margin:0 auto;width:300px;height:300px">插入圖片</div>
<div style="margin:0 auto;width:300px;height:300px">插入文字</div>
<div style="margin:0 auto;width:300px;height:300px">插入圖片</div>
<div style="margin:0 auto;width:300px;height:300px">插入圖片</div>
<div style="margin:0 auto;width:300px;height:300px">插入圖片</div>

2、網頁製作中,要在圖片上顯示文字,怎樣做?

在表格里 的屬性 中 你把 背景設置成 你需要的圖片 然後寫文字就行了

3、網頁製作中怎樣將文字緊貼在圖片下方

可以使用一些打字軟體,或者是把圖片跟寫好的字排好位置,然後再已屏幕截圖的方法截好。

4、網頁設計問題:文字怎樣緊靠在圖片正下方

用CSS樣式

5、網頁設計 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>

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

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

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

第一種、將背景圖寫在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;就是可以將文字鎖定在你圖片的上方

8、網頁設計中如何把文字寫在圖片下面,,俺是個菜鳥,,各位大蝦幫幫忙

<div>
<dl><img src="圖片地址" alt="" /></dl>
<dd>這里是文字</dd>
</div>

CSS樣式自己設置下就好了。

9、網頁設計:怎麼在網頁最底部添加文字

您好,
1、網頁字體的樣式選擇
在英文站方面,國外的很多東西不是免費的,當然也包括英文字體,所以你的網站字體不要選擇那些太有個性的字體,因為你的訪客可能電腦上根本就沒有下載這個字體,從而導致網站所要表達的信息不能完美的詮釋。那麼國外瀏覽者PC中常有的字體有Arial, Times New Roman, and Verdana。
2、中文站方面呢,普通的大眾絕對沒有自己去下字體安裝的愛好,一般的字體全是XP或其他系統自帶的,選擇宋體肯定是不會錯的。其他楷體等等可以自己斟酌選擇。注意,那個漂亮的微軟雅黑字體也不是每個人都裝了的。
字體樣式選擇建議:字體一定要選擇大眾化字體,種類選擇上盡量不要超過三種。
3、網頁字體的大小選擇
在互聯網普及之初,英文網頁占的比例比較大。由於英文字母相對漢字來說超簡單,都沒有筆畫是否復雜一說,英文的小字體總是能顯得很簡潔、清晰,絕大部分英文網站的主體內容都是選擇小號字體,9px, 10px, 11px, 12px,13px大小的字體在英文網頁中十分常見,外國人也習慣看小號字體了。
中文網頁不能照搬英文網頁的設計,主要是因為兩種語言的字體表現形式完全不一樣,中文網頁中字體大小在10px以下看不清,一般要達到12px才有不錯的效果。目前來看,12個像素和14個像素大小的宋體在可閱讀性和美觀上結合的是最好的。比12個像素再小的話,可閱讀性和美觀性都沒有了。比14個像素大的話,可閱讀性當然是有的,但是美觀性就差了一些。所以基本上所有的中文網站都是以這兩個大小的文字來呈現的。
字體大小的選擇建議:英文網站字體大小可以選擇11px, 13px, 15px等字體大小,中文網站字體大小可以選擇12px, 14px, 16px等字體大小。
網頁字體的顏色選擇
字體的顏色直接會體現在網頁的整體風格上,黑色,灰色,白色的搭配給人沉悶,中庸,職業,嚴肅等感覺,如果在適當的地方加入些許紅色,則會顯得充滿刺激的快感,並且總能吸引眾人的
目光。字體顏色的選擇非常的重要,而且也非常的深奧,可以是一門專門的學科,Micfly的一篇小小文章也僅僅能給各位拋磚引玉而已。你也可以參考其他的一些資料,Micfly做網站的時候經常會參考【終極配色手冊】。
4、網頁字體的其他特性選擇
除了以上說的網頁字體的樣式,大小,顏色之外,網頁中的字體還可以設置其他各種特性:粗體,斜體,下劃線,行距,段距,對齊方式等等。其實大家在排版的時候可以直接用word來做實驗,看看什麼樣的感覺最好。
字體選擇是一種感性、直觀的行為。但是,無論選擇什麼字體,都要依據網頁的總體設想和瀏覽者的需要。例如:粗體字強壯有力,有男性特點,適合機械、建築業等內容;細體字高雅細致,有女性特點,更適合服裝、化妝品、食品等行業的內容。在同一頁面 中,字體種類少,版面雅緻,有穩定感;字體種類多,則版面活躍,豐富多彩。關鍵是如何根據頁面內容來掌握這個比例關系。

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