我用css寫,只想要div左右兩邊有邊框,上下沒有邊框,要怎么寫呢?

實現(xiàn)方式如下：

創(chuàng)新互聯(lián)公司專注于寧武網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供寧武營銷型網(wǎng)站建設(shè)，寧武網(wǎng)站制作、寧武網(wǎng)頁設(shè)計、寧武網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務(wù)，打造寧武網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供寧武網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

1、先設(shè)全邊框，再取消上下邊框樣式

border:1px solid #ccc; border-style:none solid;

2、先設(shè)全邊框，再取消上下邊框的寬度

border:1px solid #ccc; border-width:0 1px;

3、先設(shè)全邊框，再取消上下邊框

border:1px solid #ccc; border-top:none; border-bottom:none;

4、直接設(shè)置左右邊框，上下邊框不設(shè)置

border-top:none; border-left:1px solid #ccc;?border-right:1px solid #ccc;

以方式一為例，代碼如圖：

顯示效果如下圖：

這樣就只顯示了div的左右邊框，而沒有顯示上下邊框。

擴展資料：

CSS邊框

在 HTML 中，我們使用表格來創(chuàng)建文本周圍的邊框，但是通過使用 CSS 邊框?qū)傩裕覀兛梢詣?chuàng)建出效果出色的邊框，并且可以應(yīng)用于任何元素。

元素外邊距內(nèi)就是元素的的邊框 (border)。元素的邊框就是圍繞元素內(nèi)容和內(nèi)邊據(jù)的一條或多條線。

每個邊框有 3 個方面：寬度、樣式，以及顏色。在下面的篇幅，我們會為您詳細(xì)講解這三個方面。

邊框與背景

CSS 規(guī)范指出，邊框繪制在“元素的背景之上”。這很重要，因為有些邊框是“間斷的”（例如，點線邊框或虛線框），元素的背景應(yīng)當(dāng)出現(xiàn)在邊框的可見部分之間。

CSS2 指出背景只延伸到內(nèi)邊距，而不是邊框。后來 CSS2.1 進(jìn)行了更正：元素的背景是內(nèi)容、內(nèi)邊距和邊框區(qū)的背景。大多數(shù)瀏覽器都遵循 CSS2.1 定義，不過一些較老的瀏覽器可能會有不同的表現(xiàn)。

邊框的樣式

樣式是邊框最重要的一個方面，這不是因為樣式控制著邊框的顯示（當(dāng)然，樣式確實控制著邊框的顯示），而是因為如果沒有樣式，將根本沒有邊框。

CSS 的?border-style 屬性定義了 10 個不同的非 inherit 樣式，包括 none。

可能的值：

參考資料：W3C官方網(wǎng)站

div css圓角邊框怎么設(shè)置？除了用圖片的方法以外還有其他方法嗎？

1、css圓角實現(xiàn)的方式有很多種，最簡單最方便的是使用border-radius屬性。或者使用圓角圖片。

2、border-radius后面直接接數(shù)值。

3、圖片圓角就是事先切除圓角圖片，可以制作定高，或者定寬的div。

4、使用border-radius的優(yōu)點是無序添加多余結(jié)構(gòu)代碼，但是對于低版本的瀏覽器支持有問題。使用圖片圓角不會有兼容問題，但是會多出多余的代碼和結(jié)構(gòu)。

CSS如何怎么設(shè)置div邊框顏色寬度和高度

1.首先，您需要創(chuàng)建一個div,對div進(jìn)行添加一個class。我們利用CSS通過class來設(shè)置div的邊框。

2.創(chuàng)建一個用于設(shè)置邊框的CSS文件，對于您實際開發(fā)中，將邊框添加到您的CSS文件中即可。

3.在CSS文件中設(shè)置DIV的邊框，首先我們可以先給div一個寬度與高度。

4.得到了寬度與高度后，如果我們沒有邊框，是看不到樣式的。如果您的div中有內(nèi)容，那么只是顯示那些內(nèi)容而已。

5.接下來，添加一個border邊框。

6.我們將邊框設(shè)置為1px.如果只是設(shè)置了寬度而沒有設(shè)置顏色與具體的顯示樣式的話，邊框并不會顯示，您現(xiàn)在可以刷新一下您的頁面看一下，添加了border:1px后是否顯示，答案是肯定不顯示的，因為我們參數(shù)沒有寫完整。

7.參加第二個參數(shù)顏色值，具體的顏色您可以百度搜索具體的樣式值的代碼，您可以使用基本色直接使用單詞拼寫也是可以的。

8.最后一個參數(shù)是顯示樣式，您可以選擇不同的樣式來進(jìn)行顯示，我們這里使用的是實線的方式來實現(xiàn)。

9.如果您使用的是一些專門用來做前端開發(fā)的軟件，您輸入后，會有一些提示，您如果選擇不同樣式來試一試看。

10.添加了上述的三個屬性后，您的div邊框即可顯示出來了。

CSS+DIV邊框

div

style="width:100px;height:100px;

border:solid

1px

#336699;"/div

這個DIV就是藍(lán)色邊框，代碼我給你講解下

border:表示邊框

solid

表示實心線

1px

表示邊框?qū)挾?/p>

#336699表示邊框顏色

CSS如何怎么設(shè)置div邊框顏色寬度和高度？

CSS設(shè)置div邊框顏色寬度和高度步驟如下：

1、新建一個html文件，創(chuàng)建一個類名為wrap的div。

2、先通過css類選擇器選擇到div來控制div的寬度和高度和背景顏色（沒有邊框時方便看出來div的大小）。

3、通過div 的border屬性控制邊框顏色，設(shè)置border的寬度為2px，線型為實線，顏色為藍(lán)色。

4、這樣就可以設(shè)置div邊框顏色寬度和高度，如下圖：

擴展資料：

css border屬性：

border 簡寫屬性在一個聲明設(shè)置所有的邊框?qū)傩浴?/p>

可以按順序設(shè)置如下屬性：

border-width，border-style，border-color

如果不設(shè)置其中的某個值，也不會出問題，比如 border:solid #ff0000; 也是允許的。

css點擊邊框：div+css的邊框怎樣設(shè)置

很簡單css邊框樣式單詞是border,使用border即可讓div或span或h1、p等對象實現(xiàn)需要邊框樣式。

我們給一個div類css 命名為“divcss5”，盒子加一個1px紅色邊框，為了觀察效果，同時對這個div盒子設(shè)置css width和css height樣式。

網(wǎng)站標(biāo)題：cssdiv邊框樣式,css+div設(shè)置邊框
URL地址：http://chinadenli.net/article15/dsiogdi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、網(wǎng)站策劃、網(wǎng)站內(nèi)鏈、商城網(wǎng)站、網(wǎng)站設(shè)計、虛擬主機

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)