css圖片的邊框怎麼設置顏色

Ⅰ 如何用css定義div的邊框顏色

我比較喜歡用簡寫的，給你列一下簡寫的邊框樣式吧：
border:1px solid #FF0000;
表示4條邊都是1像素直線邊框，紅色。
1px表示邊框寬度，solid表示直線（虛線可以用dashed），#FF0000是顏色逗簡輪值（這個不用我多說山信了吧）

如果要定義4條邊都不一樣，那麼用：
border-top:
border-right:
border-bottom:
border-left:

分別表示上右下左的邊框，後面的值參照border就咐液可以了。

Ⅱ CSS樣式邊框顏色誰會修改，求高手，求指教，我有源代碼別人給我好的程序，但是邊框我不喜歡，想修改了

border:1px solid #ccc; border:寬配緩度 樣式 顏色；當然也可以拍轎另外設置襲賣肆邊框顏色：borer-color:#ccc;

Ⅲ 試述css3中設置邊框顏色的屬性

border-top : 1px solid #6699cc; /*上框線*/
border-bottom : 1px solid #6699cc; /*下框線*/
border-left : 1px solid #6699cc; /*左框線*/
border-right : 1px solid #6699cc; /*右框線*/
以上是建脊耐桐議書寫方式,但也可以使用常規的方式 如下:

border-top-color : #369 /*設置上框線top顏色*/
border-top-width :1px /*設置上櫻坦框線top寬度*/
border-top-style : solid/*設置上框線top樣式*/
其他框線樣式
solid /畝唯*實線框*/
dotted /*虛線框*/
double /*雙線框*/
groove /*立體內凸框*/
ridge /*立體浮雕框*/
inset /*凹框*/
outset /*凸框*/

Ⅳ CSS怎麼設置邊框黑色

border:1px solid #000；x0dx0ax0dx0aborder是描邊雹塌x0dx0ax0dx0a1px是像素可租襲以改數字來控制x0dx0asolid是實線，也可以改虛線，虛線是源型圓dashedx0dx0ax0dx0a#000是顏色

Ⅳ 怎樣用css設定下表框的寬度、樣式、顏色

分類: 電腦/網路 >> 網路 >> 網路空間
解析:

請把問題講得清楚一些，你說的表框是模塊的邊框還是表格的邊框

如果是模塊邊框的話，就先弄懂這些參數和屬性：

none (沒有邊框，無論邊框寬度設為多大)

dotted (點線式邊框)

dashed (破折線式邊框)

solid (直線式邊框)

double (雙線式邊框)

groove (槽線式邊框)

ridge(脊線式邊框)

inset (內嵌效果的邊框)

outset (突起效果的邊框)

邊框寬度屬性(border-width)

這個屬性用來設定上下左右邊框的寬度，它的值如下：

medium (是預設值)

thin (比medium細)

thick (比medium粗)

用長度單位定值。可以用絕對長度單位(cm, mm, in, pt, pc)或者用相對長度單位 (em, ex, px)。山念返

邊框顏色屬性(border-color)

這個屬性用來設定上下左右邊框的顏色。例句如下：

.d5 {border-color:gray;border-style:solid;}

邊框屬性(border)

這個屬性是邊框屬性的一個快捷的綜合寫法，它包含border-width, border-style和border-color。例句如下：

.d1 {border:5px solid gray;}

單邊邊框屬性

上下左右四個邊框不但可以統一設定，也可以分開設定。

設定上邊框屬性，你可以使用border-top, border-top-width, border-top-style, border-top-color。

設定下邊框屬性，你可以使用border-bottom, border-bottom-width, border-bottom-style, border-bottom-color。

設定左邊框屬性，你可以使用border-left, border-left-width, border-left-style, border-left-color。

設定上邊框屬性，你可以使用border-right, border-right-width, border-right-style, border-right-color。

邊框屬性

前面例子里提到的，例如用來定義字體顏色的color，字體大小的font-size，都是CSS的屬性。從這一課起，就開始詳細介紹CSS的各類屬性。

每一個網頁都可以理解成是被一個方框框起來的，而頁面中不同的部分又可以分為一個個小的方框。因此定義方框的邊距、邊界、顏色等的邊框屬性應用而生。

1、邊距屬性：

·左邊距（margin-left）

·右邊距（margin-right）

·上邊距（margin-top）

·下邊距（margin-bottom）

·邊距（margin）

邊距屬性定義HTML頁面中方框逗飢四邊和其他元素之間的空白距離，每一個margin-side屬性隻影響到一條邊，而margin則提供了一個同時設置四個邊距的機會。

2、填充屬性：

·左填充（padding-left）

·右填充（padding-right）

·上填高岩充（padding-top）

·下填充（padding-bottom）

·填充（padding）

填充屬性設置邊框和內部元素的距離。它和邊距屬性十分相似，每個padding-side定義一個邊框距離，padding則同時定義四個距離。

3、邊界屬性

·上邊界寬（border-top-width）

·右邊界寬（border-right-width）

·下邊界寬（border-bottom-width）

·左邊界寬（border-left-width）

·邊界寬（border-width

這幾個屬性定義邊界寬度，用thin、medium和thick分別表示細、中等和粗，或者指定具體的數值來定義邊界的寬度。

·邊界顏色（border-color）

這個屬性定義邊界的顏色，可以用16種顏色名或RGB值來設置。如果指定一種顏色，則表示四個邊框是一種顏色，指定兩種顏色，則定義順序為上下、左右；指定三種顏色，順序為上、左右、下；指定四種顏色，順序則為上、右、下、左。16種顏色名分別為：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。RGB值則應表示為#RRGGBB或r%,g%,b%。

·邊界樣式（border-style）

該屬性用以定義邊框的風格呈現式樣。共有九種。

none － 不顯示邊框，為預設值

dotted － 點線

dashed —虛線

solid － 實線

double － 雙線

groove －凹線

ridge － 凸線

inset － 使整個方框凸起

outset － 使整個方框凹陷

·上邊界（border-top）

·右邊界（border-right）

·下邊界（border-bottom）

·左邊界（border-left）

·邊界（border）

這幾個是簡寫屬性，它 *** 了上面幾種屬性的特點，可使用其給邊框一次性定義寬度、式樣和顏色。各屬性值之間用空格隔開。

4、尺寸屬性

定義方框的寬度width和高度height。

例：DIV.sample {width: 300px;

height: 200px }

Ⅵ css里設置border顏色

border:solid 1px #ffffff;

解釋：指畝

border:樣式 寬度 顏色滾余;

大部分元素的默認寬度為0，如果不設置寬度，即使設唯備森置了樣式和顏色也沒用。

Ⅶ 網頁設計問題，就是如何在css布局中設定邊框大小、顏色問題

網頁設計問題，就是如何在css布局中設定邊框大小、顏色問題

孩子，我想告訴你，如果你還繼續使用表格建站的話，會納絕一直找不到工作的。我想這一定是大學老師在教你用表格建站吧
聽我一言，現在都是用div+css建站！
你要的邊框效洞空姿果css這樣寫
先來個<div class="biaoge"></div>
然後寫css：
<style>
.biaoge{ width:200px; height:100px; border:1px solid #000;}
</style>

網頁設計css布局問題

paddin:100px ,0px;
是上下100px 左右0px
padding：10px；
是上下左右各10
IE6 瀏覽器下 應該是有變化的。
火狐瀏覽器下 沒有變化 因為padding值 超過了li的高度
IE7應該是和火狐一樣的 這個我沒有測試 因為沒裝IE7
產生這個問題的原因是IE和火狐對於padding的解釋不同
IE會把虧純padding值加到物件高度和寬度中，從而使物件變大
但是火狐不會這樣，他會把padding的值從物件高度寬度中扣除
物件實際大小不發生變化，可用大小發生變化。
IE7改變了許多地方，變的和火狐有些相像了。

網頁設計中DIV+CSS布局問題

你可以把父DIV裡面的兩個並排的DIV的屬性同時設定為浮動LEFT，這個問題即可解決。
#about { width: 727px; }改為：#about { width: 728px; }即可，因為裡面兩個DIV加上邊距超過了這個長度，所以顯示不正確，修改裡面那兩個DIV長度也可以。

網頁設計布局css問題

這個小角是個圖片而已, 是一個長條的圖片, "角"以外的部分做成透明的, 或者和背景色相同, 看上去就是一個獨立的角了

CSS布局中的div設定問題

全部設定為一樣的高度
div2的屬性裡面加上這個就行
overflow-y:scroll;
就ok了

如何在css中設定選單的邊框顏色

select樣式要想非常好看，單用CSS是實現不了的，必須要用到JS才行！
下面這個例子是CSS實現的效果：
<!DOCTYPE PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" ":w3./TR/x1/DTD/x1-transitional.dtd">
< xmlns=":w3./1999/x">
<head>
<meta -equiv="Content-Type" content="text/; charset=utf-8" />
<title>如何讓select的樣式也漂亮起來</title>
<style type=text/css>
<!--
.select * {
margin: 0;
padding: 0;
}
.select {
border:1px solid #;
float: left;
display: inline;
}
.select div {
border:1px solid #f9f9f9;
float: left;
}
/* 子選擇器，在FF等非IE瀏覽器中識別 */
.select>div {
width:120px;
height: 17px;
overflow:hidden;
}

/* 通配選擇符，只在IE瀏覽器中識別 */
* .select div select {
display:block;
float: left;
margin: -2px;
}
.select div>select {
display:block;
width:124px;
float:none;
margin: -2px;
padding: 0px;
}
.select:hover {
border:1px solid #666666; 滑鼠移上的效果
}
.select select>option {
text-indent: 2px; option在FF等非IE瀏覽器縮排2px
}
-->
</style>
</head>
<body><div class="select">
<div>
<select>
<option>看見效果了吧</option>
<option>看見效果了吧</option>
<option>看見效果了吧</option>
</select>
</div>
</div>
</body>
</>
-------------------
關於JS程式碼，你可以去看下這個，改了之後就能達到你要的效果：
:geekso./select-css/
單純的CSS是實現不了的！

網頁設計師請進，有個css布局的問題

Ⅷ css怎麼改變button的邊框顏色

1、新建HTML文件。

2、創建HTML標簽和內容。

3、預覽效果如圖。

4、設置右邊框的顏色border-right-color:#30C。

5、預覽效果如圖。

6、設置右邊框的顏色border-right-color:rgb(204,0,102)。

7、握嘩預段頃行覽效果乎纖如圖。

Ⅸ CSS如何怎麼設置div邊框顏色寬度和高度

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

1、新建一個html文件，創建一個類名為wrap的div。

擴展資孝野料：

css border屬性：

border 簡寫屬性在一個聲明設置所有的邊框屬性。

可以按順序設置如下屬性：

border-width，border-style，border-color

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

Ⅹ css怎麼給圓環邊框設置兩個顏色

方慶鋒法如下：border-color屬性同時設置四個邊框的顏色;或者使用border-image屬性調用rgb選擇多個顏色悉岩即可。border-image：lineargradient(rgb(89,0,255),pink)3030這樣的格譽陸晌式即可。