網(wǎng)頁(yè)設(shè)計(jì)怎么居中 請(qǐng)問(wèn)在網(wǎng)頁(yè)制作中加入一條水平線的HTML代碼是什么?
請(qǐng)問(wèn)在網(wǎng)頁(yè)制作中加入一條水平線的HTML代碼是什么?網(wǎng)頁(yè)中制作一條水平線的HTML代碼有以下的方法可以實(shí)現(xiàn):1.使用html中的border屬性來(lái)設(shè)置一條水平線<div style="width:
請(qǐng)問(wèn)在網(wǎng)頁(yè)制作中加入一條水平線的HTML代碼是什么?
網(wǎng)頁(yè)中制作一條水平線的HTML代碼有以下的方法可以實(shí)現(xiàn):
1.使用html中的border屬性來(lái)設(shè)置一條水平線<div style="width:500px border:1px solid red"></div><!--復(fù)制到html文件中就會(huì)是一條紅色水平直線,線的顏色、長(zhǎng)短、可自己調(diào)節(jié)-->
2.使用hr標(biāo)簽可以制作一條水平直線<hr/>
3.使用background-color來(lái)制作一條線,和border基本類(lèi)似<div style="width:500px height:1pxbackground-color:red"></div><!--復(fù)制到html文件中就會(huì)是一條紅色水平直線,線的顏色、長(zhǎng)短、可自己調(diào)節(jié)-->
4.可利用背景圖來(lái)實(shí)現(xiàn)和background-color原理一樣<div style="width:500px height:1pxbackground:url(背景圖的路徑) repeat-x"></div><!--復(fù)制到html文件中就會(huì)是一條紅色水平直線,線的顏色、長(zhǎng)短、可自己調(diào)節(jié)-->
在網(wǎng)頁(yè)設(shè)計(jì)中怎么讓背景圖片水平居中?
CSS使網(wǎng)頁(yè)背景圖片居中的三種方法。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個(gè)center可以省略,因?yàn)槟J(rèn)就是center)。<div style="width:800pxheight:600pxbackground:url(圖片地址) no-repeat center centerborder:1px solid #cccccc"></div>