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

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

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

2、在網頁設計中怎麼把框架作為背景在框上面打字

你說的打字，是有一個輸入框，可以打字進去的那種？
框架是不具備錄入功能的，除非在框架里加入一個文本域『textarea』
至於做背景，不知道你想表達的是什麼意思，
當然也可以用定位'position' .把框架下面的DIv 定位在框架前一層，但是這樣就檔住框架了，看是能看，但不方便錄入文字了，你這是要干什麼？

3、html網頁製作中如何設置背景圖片（如何引用）

1、首先打開Atom編輯器導入項目文件夾，先創建一個index.html的文件。定義一下html文件的主信息：

2、然後填寫自己的網頁內容，設置一下樣式，直接在body後面加上background="圖片名字"即可插入圖片：

3、最後來到瀏覽器，刷新一下網頁，這樣就會顯示背景了：

4、網頁設計中把圖片作為背景吧沒有超鏈接，作為圖片吧文字又不能顯示在上面，怎麼解決？

先用圖片編輯的把字做在圖上，在用熱點鏈接。直接在圖上做鏈接，或者就用層，圖片做最下層，文字做一個層先是在上面，再做鏈接，層可以做成透明的，不影響下面的圖片

5、網頁設計技術，怎麼把圖片上面的文字弄到圖片的下面來啊。應該在哪裡加代碼呢，求大神

把圖片定義為背景或者寫入CSS樣式表中，然後就可以在上面布局文字了。

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

把圖片設為背景即可，以下是修改後的代碼<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>

7、製作網頁時如何把文字放在指定位置

這張圖片作為背景圖片代碼如下:
<style>
.txt01{
background:url(圖片.jpg) no-repeat;
width:300px; /*白框寬度*/
height:400px; /*白框高度*/
overflow:hidden;
margin:50px 0 0 200px;/*位置調整,上右下左*/
}
</style>
<div class="txt01">這里是你想放的文字!!</div>

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

您好，
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來做實驗，看看什麼樣的感覺最好。
字體選擇是一種感性、直觀的行為。但是，無論選擇什麼字體，都要依據網頁的總體設想和瀏覽者的需要。例如：粗體字強壯有力，有男性特點，適合機械、建築業等內容；細體字高雅細致，有女性特點，更適合服裝、化妝品、食品等行業的內容。在同一頁面中，字體種類少，版面雅緻，有穩定感；字體種類多，則版面活躍，豐富多彩。關鍵是如何根據頁面內容來掌握這個比例關系。

9、怎樣在網頁設計中，在圖片上添加文字

可以用PHOTOSHOP來實現
如果你用的是DREAMWEAVER8的話最好用FIREWORK好一些。
先打開圖片，然後在點擊工具欄的
A
按鈕就可以在圖片上添加你想要的文字了
不會連這種操作都看不懂吧~！

10、網頁設計中如何讓文字置於圖片的左側

如果要文字在圖片外的左側可以用對圖片用float：right
如果有圖片置於圖片上且左側，可以給文字加上position:absolute; z-index:1;

導航:首頁 > 萬維百科 > 網頁設計讓字在底圖上

網頁設計讓字在底圖上

與網頁設計讓字在底圖上相關的知識