網(wǎng)頁設(shè)計怎么居中 在網(wǎng)頁設(shè)計中怎么讓背景圖片水平居中?
在網(wǎng)頁設(shè)計中怎么讓背景圖片水平居中?CSS使網(wǎng)頁背景圖片居中的三種方法。1、第一種:用像素設(shè)定,很多都用這種,但是也是最麻煩的:<div style="width:800pxheight:600p
在網(wǎng)頁設(shè)計中怎么讓背景圖片水平居中?
CSS使網(wǎng)頁背景圖片居中的三種方法。1、第一種:用像素設(shè)定,很多都用這種,但是也是最麻煩的:<div style="width:800pxheight:600pxbackground:url(圖片地址) no-repeat 250px 270pxborder:1px solid #cccccc"></div> 2、第二種:用50%設(shè)定,很方便。<div style="width:800pxheight:600pxbackground:url(圖片地址) no-repeat 50% 50%border:1px solid #cccccc"></div> 3、第三種:用center設(shè)定(注:第2個center可以省略,因為默認就是center)。<div style="width:800pxheight:600pxbackground:url(圖片地址) no-repeat center centerborder:1px solid #cccccc"></div>
網(wǎng)頁設(shè)計如何插入水平線?
在Dreamweaver里有以下辦法:
1、設(shè)計視圖,點插入菜單-HTML-水平線,或者在代碼視圖,直接輸入<hr>即可;
2、插入一個高度為1px的表格或div,一定要刪除空格符 ,div的話還要設(shè)置超出隱藏;
3、可以用CSS:border-bottom:1pxsolid#ccc
4、可以用插入一個直線圖片
【網(wǎng)頁設(shè)計】如何通過代碼添加水平線(下劃線)?
1、新建一個html文件,命名為test.html,用于講解css怎么在網(wǎng)頁中給文字加上下劃線。
2、在test.html文件內(nèi),使用p標簽創(chuàng)建一行文字,文字內(nèi)容為“這是測試的文字”。
3、在test.html文件內(nèi),設(shè)置p標簽的id屬性為tt,主要用于下面通過該id設(shè)置p元素的css樣式。
4、在test.html文件內(nèi),編寫<style type="text/css"></style>標簽,頁面的css樣式將寫在該標簽內(nèi)。
5、在test.html文件內(nèi),在css標簽內(nèi),通過元素名稱來定義其css樣式,下面將在花括號內(nèi)編寫css樣式。
6、在css標簽內(nèi),在花括號內(nèi)將text-decoration屬性設(shè)置為underline,從而實現(xiàn)文字加上下劃線的效果。
7、在瀏覽器打開test.html文件,查看實現(xiàn)的效果。