如何在css樣式上的屬性中添加border

定義和用法

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：空間域名、虛擬主機(jī)、營(yíng)銷軟件、網(wǎng)站建設(shè)、青陽網(wǎng)站維護(hù)、網(wǎng)站推廣。

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

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

border-width

border-style

border-color

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

默認(rèn)值：

not specified ? ?

繼承性：

no ? ?

版本：

CSS1 ? ?

JavaScript 語法：

object.style.border="3px solid blue" ? ?

可能的值

值

描述

border-width ? ?規(guī)定邊框的寬度。參閱：border-width?中可能的值。 ?

border-style ? ?規(guī)定邊框的樣式。參閱：border-style?中可能的值。 ?

border-color ? ?規(guī)定邊框的顏色。參閱：border-color?中可能的值。 ?

inherit ? ?規(guī)定應(yīng)該從父元素繼承 border 屬性的設(shè)置。 ?

TIY 實(shí)例

所有邊框?qū)傩栽谝粋€(gè)聲明之中

本例演示用簡(jiǎn)寫屬性來將所有四個(gè)邊框?qū)傩栽O(shè)置于同一聲明中。

如何用css樣式設(shè)置元素的輪廓

用css樣式設(shè)置元素的輪廓，其實(shí)就是為元素添加邊框的意思

CSS樣式代碼當(dāng)中，表示邊框的代碼是border，它是一個(gè)復(fù)合屬性，包含邊框的粗細(xì)、顏色、線型（實(shí)線、虛線、點(diǎn)線等），具體你可以查看這個(gè)樣例：

style

.h5course?{

border:?1px?solid?red;

}

/style

div?class="h5course"使用CSS樣式實(shí)現(xiàn)元素的輪廓（邊框）添加/div

代碼含義為，為類名為h5course的元素，增加1像素紅色邊框

如果對(duì)選擇器、邊框（隸屬于盒模型知識(shí)）不是太了解的話，建議選本書系統(tǒng)的學(xué)一學(xué)，如：《HTML5布局之路》《Head Frst HTML》等都是不錯(cuò)的選擇

主流網(wǎng)頁DIV的邊線的CSS樣式代碼是什么？

整個(gè)的外圍大框,是一個(gè)外圍容器,通常用border來設(shè)置;

其中的內(nèi)容通常用列表

ul

li1/li

li2/li

/ul來做

就你給的圖來說,通常會(huì)做一個(gè)外圍容器,其中內(nèi)容會(huì)用ul列表;詳細(xì)的css如下

/*外圍容器*/

.bigbox{

float:left;

width:250px;

height:auto;

margin:0;

padding:10px;

border:#e5e5e5 1px solid; /*這里是你問的主要問題,用這句實(shí)現(xiàn)*/

}

.bigbox ul li{

list-style:none;

float:left;

width:230px;

height:60px;

}

.bigbox ul li .imgbox{

float:left;

width:60px;

height:45px;

}

.bigbox ul li .imgbox img{

margin:0;

padding:0;

border:none;

}

.bigbox ul li .content{

float:right;

width:110px;

height:45px;

}

css樣式要配合div的頁面布局來使用,對(duì)以上的css配合的html div布局如下;

div class="bigbox"

ul

li

div class="imgbox"這里主要是放置圖片內(nèi)容/div

div class="content"這里主要是放置文字內(nèi)容/div

/li

li

div class="imgbox"這里主要是放置圖片內(nèi)容/div

div class="content"這里主要是放置文字內(nèi)容/div

/li

/ul

/div

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

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

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的左右邊框，而沒有顯示上下邊框。

擴(kuò)展資料：

CSS邊框

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

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

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

邊框與背景

CSS 規(guī)范指出，邊框繪制在“元素的背景之上”。這很重要，因?yàn)橛行┻吙蚴恰伴g斷的”（例如，點(diǎn)線邊框或虛線框），元素的背景應(yīng)當(dāng)出現(xiàn)在邊框的可見部分之間。

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

邊框的樣式

樣式是邊框最重要的一個(gè)方面，這不是因?yàn)闃邮娇刂浦吙虻娘@示（當(dāng)然，樣式確實(shí)控制著邊框的顯示），而是因?yàn)槿绻麤]有樣式，將根本沒有邊框。

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

可能的值：

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

CSS不能直接給圖片加邊框和一些樣式嗎.就是一張IMG圖片.

可以加，比如之際在圖片上直接寫樣式，如img src="Bg.png" width="10" height="10" style="樣式" /

或者在樣式表里定義如

div class="Bg"img src="Bg.png" width="10" height="10" //div

.Bg img{樣式}

css如何給li里面的文字加上邊框

!doctype?html

html

head

meta?charset="utf-8"

title百度知道郭凱旗/title

style

li?a{display:block;?width:100px;?height:20px;?border:1px?solid?red;}

li?span{display:inline-block;?width:80px;?height:20px;?border:1px?solid?blue;}

li{display:inline-block;?width:80px;?height:20px;?border:1px?solid?black;}

/style

/head

body

div

ul

lia?href=""這里是文字/a/li

lia?href=""這里是文字/a/li

lia?href=""這里是文字/a/li

/ul

!--第一種??end--

ul

lispan這里是文字/span/li

lispan這里是文字/span/li

lispan這里是文字/span/li

/ul

!--第二種??end--

ul

li這里是文字/li

li這里是文字/li

li這里是文字/li

/ul

!--第三種??end--

/div

/body

/html

這三種都能實(shí)現(xiàn)，但不要同時(shí)用。

分享題目：css加邊線樣式,css添加邊框線
當(dāng)前URL：http://jinyejixie.com/article36/dsdjipg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、營(yíng)銷型網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站制作

廣告

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