用圖片填充的CSS樣式邊框

不知道你div結(jié)構(gòu)，你應(yīng)該把div貼出來，才能幫你改。

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站制作、霍州網(wǎng)絡(luò)推廣、微信小程序、霍州網(wǎng)絡(luò)營銷、霍州企業(yè)策劃、霍州品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供霍州建站搭建服務(wù)，24小時服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

如果說設(shè)置圖片邊框填充的話，很簡單。

舉個例子:

.img?{width:160px;?height:120px;?padding:5px;?margin:0;?border:1px?solid?#ccc;}

這個是設(shè)置填充了的。

╔------------------------------╗

┆??hanhan1019?原創(chuàng)回答?┆

╚------------------------------╝

css中如何給圖形填充顏色

1、通過設(shè)置background Color屬性設(shè)置圖形背景顏色；

2、CSS 能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。層疊樣式是一種用來表現(xiàn)HTML(標準通用標記語言的一個應(yīng)用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。

怎樣將css里面的圖片填充？

#header .title { height:268px; margin:0 auto; width: 900px;}

改為#header .title { height:268px; }，再把圖片的寬度設(shè)為100%;這樣就把圖片拉大了。效果不好。

或者是把#container {margin:0 auto; width:100%;}

改為#container {margin:0 auto; width:900px;}

怎么設(shè)置css表格的樣式(顏色等)

下面來個例子，你可以復(fù)制到你的編輯器里修改測試

style?type="text/css"

table.gridtable?{}{

font-family:?verdana,arial,sans-serif;

font-size:11px;

color:#333333;

border-width:?1px;

border-color:?#666666;

border-collapse:?collapse;

}

table.gridtable?th?{}{

border-width:?1px;

padding:?8px;

border-style:?solid;

border-color:?#666666;

background-color:?#dedede;

}

table.gridtable?td?{}{

border-width:?1px;

padding:?8px;

border-style:?solid;

border-color:?#666666;

background-color:?#ffffff;

}

/style

!--?Table?goes?in?the?document?BODY?--

table?class="gridtable"

tr

thInfo?Header?1/ththInfo?Header?2/ththInfo?Header?3/th

/tr

tr

tdText?1A/tdtdText?1B/tdtdText?1C/td

/tr

tr

tdText?2A/tdtdText?2B/tdtdText?2C/td

/tr

/table

CSS（層疊樣式表）級聯(lián)樣式表是一種用來表現(xiàn)HTML（標準通用標記語言的一個應(yīng)用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。

Css樣式表中有幾種設(shè)置方式，區(qū)別是什么？

CSS可以寫成一個獨立的文件與html文件鏈接，也可以直接寫在html里，

甚至可以直接在html文件里的相關(guān)標簽上定義樣式，寫法非常的靈活，以下是一工字型結(jié)構(gòu)的頁面，你可以學(xué)習(xí)一下

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title無標題文檔/title

style type="text/css"

!--

body {

font: 100% 宋體, 新宋體;

background: #666666;

margin: 0; /* 最好將 body 元素的邊距和填充設(shè)置為 0 以覆蓋不同的瀏覽器默認值 */

padding: 0;

text-align: center; /* 在 IE 5* 瀏覽器中，這會將容器居中。文本隨后將在 #container 選擇器中設(shè)置為默認左對齊 */

color: #000000;

}

.twoColLiqLtHdr #container {

width: 80%; /* 這將創(chuàng)建一個占據(jù) 80% 瀏覽器寬度的容器 */

background: #FFFFFF;

margin: 0 auto; /* 自動邊距（與寬度一起）會將頁面居中 */

border: 1px solid #000000;

text-align: left; /* 這將覆蓋 body 元素上的“text-align: center”。 */

}

.twoColLiqLtHdr #header {

background: #DDDDDD;

padding: 0 10px; /* 此填充會將出現(xiàn)在它后面的 div 中的元素左對齊。如果 #header 中使用的是圖像（而不是文本），您最好刪除填充。 */

}

.twoColLiqLtHdr #header h1 {

margin: 0; /* 將 #header div 中最后一個元素的邊距設(shè)置為零將避免邊距重疊（即 div 之間出現(xiàn)的無法解釋的空白）。如果 div 周圍有邊框，則不必將邊距設(shè)置為零，因為邊框也會避免邊距重疊 */

padding: 10px 0; /* 使用填充而不使用邊距將可以使元素遠離 div 的邊緣 */

}

/* sidebar1 提示：

1. 由于我們使用的是百分比，因此最好不要在側(cè)欄中使用填充。它將會新增至寬度，而讓符合標準的瀏覽器建立未知的實際寬度。

2. 如果為 div 中的元素設(shè)置左邊距和右邊距，則會在 div 邊緣和這些元素之間產(chǎn)生空白，如“.twoColLiqLtHdr #sidebar1 p”規(guī)則中所示。

3. 由于 Explorer 會在父元素顯示之后計算寬度，因此基于百分比的欄有時會出現(xiàn)無法解釋的錯誤。如果您需要更可預(yù)見的結(jié)果，可選擇改為以像素為單位設(shè)置欄的大小。

*/

.twoColLiqLtHdr #sidebar1 {

float: left;

width: 24%; /* 由于此元素是浮動的，因此必須指定寬度 */

background: #EBEBEB; /* 將顯示背景色，其寬度等于欄中內(nèi)容的長度，*/

padding: 15px 0; /* 頂部和底部的填充將在該 div 中產(chǎn)生視覺空間 */

}

.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {

margin-left: 10px; /* 對于將要放在側(cè)欄中的每個元素，都應(yīng)當設(shè)置左邊距和右邊距 */

margin-right: 10px;

}

/* mainContent 提示：

1. mainContent 和 sidebar1 之間的空白是由 mainContent div 的左邊距創(chuàng)建的。無論 sidebar1 div 中包含多少內(nèi)容，都將保留欄空白。如果您希望在 #sidebar1 中的內(nèi)容結(jié)束時，用 #mainContent div 的文本填充 #sidebar1 空白，則可以刪除此左邊距。

2. 為了避免在所支持的最小分辨率 800 x 600 下出現(xiàn)“浮動下降”，mainContent div 中的元素（包括圖像）不應(yīng)大于 430 像素。

3. 在下面的 Internet Explorer 條件注釋中，zoom 屬性用來賦予 mainContent“hasLayout”。這會避免幾個特定于 IE 的錯誤。

*/

.twoColLiqLtHdr #mainContent {

margin: 0 20px 0 26%; /* 右邊距可以用百分比或像素來指定，它會在頁面的右下方產(chǎn)生空白。 */

}

.twoColLiqLtHdr #footer {

padding: 0 10px; /* 此填充會將它上面 div 中的所有元素左對齊。 */

background:#DDDDDD;

}

.twoColLiqLtHdr #footer p {

margin: 0; /* 將腳注中第一個元素的邊距設(shè)置為零將避免出現(xiàn)可能的邊距重疊（即 div 之間出現(xiàn)的空白）*/

padding: 10px 0; /* 就像邊距會產(chǎn)生空白一樣，此元素上的填充也將產(chǎn)生空白，但不會出現(xiàn)邊距重疊問題 */

}

/* 要重用的各種類 */

.fltrt { /* 此類可用來使頁面中的元素向右浮動。浮動元素必須位于頁面上要與之相鄰的元素之前。 */

float: right;

margin-left: 8px;

}

.fltlft { /* 此類可用來使頁面上的元素向左浮動 */

float: left;

margin-right: 8px;

}

.clearfloat { /* 此類應(yīng)當放在 div 或 break 元素上，而且該元素應(yīng)當是完全包含浮動的容器關(guān)閉之前的最后一個元素 */

clear:both;

height:0;

font-size: 1px;

line-height: 0px;

}

--

/style!--[if IE]

style type="text/css"

/* 請將所有版本的 IE 的 css 修復(fù)放在這個條件注釋中 */

.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }

.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }

/* 上面的專用 zoom 屬性為 IE 提供避免錯誤所需的 hasLayout */

/style

![endif]--/head

body class="twoColLiqLtHdr"

div id="container"

div id="header"

h1標題/h1

!-- end #header --/div

div id="sidebar1"

h3sidebar1 內(nèi)容/h3

p此 div 上所顯示的背景色剛好與內(nèi)容等寬。如果您喜歡改用分界線，而且 #mainContent div 所包含的內(nèi)容將始終比 #sidebar1 div 中的多，請在 #mainContent div 的左邊緣放置一個邊框。 /p

pDonec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero./p

!-- end #sidebar1 --/div

div id="mainContent"

h1 主要內(nèi)容 /h1

pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero./p

h2H2 級別的標題 /h2

pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio./p

!-- end #mainContent --/div

!-- 這個用于清除浮動的元素應(yīng)當緊跟 #mainContent div 之后，以便強制 #container div 包含所有的子浮動 --br class="clearfloat" /

div id="footer"

p腳注/p

!-- end #footer --/div

!-- end #container --/div

/body

/html

表格細邊框的CSS樣式怎么設(shè)置？

指定的table為細邊框，把table放在div中即可。

一、首先新建表格，代碼如下：

table width="500" border="1"? trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td /trtr? tdnbsp;/td tdnbsp;/tdtdnbsp;/td/tr/table。

二、在table里加css樣式，代碼如下：

table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"? tr tdnbsp;/tdtdnbsp;/td tdnbsp;/td /tr tr tdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/table。

三、單元格邊距(表格填充)(cellpadding) -- 代表單元格外面的一個距離,用于隔開單元格與單元格空間。單元格間距(表格間距)(cellspacing) -- 代表表格邊框與單元格補白的距離,也是單元格補白之間的距離，border-collapse:collapse表示表格的兩邊框合并為一條即可。