border屬性 ：在網(wǎng)頁中設(shè)置元素的邊框樣式。可同時設(shè)置邊框?qū)挾?、邊框樣式、邊框顏色。也可以單獨設(shè)置上邊、右邊、下邊、左邊的邊框。
創(chuàng)新互聯(lián)長期為超過千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為鳳陽企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計、網(wǎng)站制作，鳳陽網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
語法：border： border-width | border-style | border-color;
border-width ：邊框?qū)挾?。可以指定長度值。如1px，1em（單位為px，pt，em等）?；蛘呤褂藐P(guān)鍵字medium（默認），thick，thin。
?border-top-width：設(shè)置元素上邊框?qū)挾?/p>
?border-right-width：設(shè)置元素右邊框?qū)挾?/p>
?border-bottom-width：設(shè)置元素下邊框?qū)挾?/p>
?border-left-width：設(shè)置元素左邊框?qū)挾?/p>
border-style ：邊框樣式。
?border-top-style：設(shè)置元素上邊框樣式
?border-right-style：設(shè)置元素右邊框樣式
?border-bottom-style：設(shè)置元素下邊框樣式
?border-left-style：設(shè)置元素左邊框樣式
?屬性值有：
??none：無邊框。
??hidden：隱藏邊框。對于表，hidden 用于解決邊框沖突。
??dotted：點狀邊框。
??dashed：虛線邊框。
??solid：實線邊框。
??double：雙線邊框。兩條單線與其間隔的和等于指定的border-width值。
??groove：3D凹槽邊框。
??ridge：3D壟狀邊框。
??inset：凹邊框。
??outset：凸邊框。
border-color ：邊框顏色。
1.1 邊框各樣式效果圖
1.2 四條邊顏色樣式相同
1.3 四條邊顏色不同，樣式相同
1.4 四條邊顏色相同，樣式不同
1.5 設(shè)置上邊框?qū)挾?、樣式、顏?/p>
1.6 設(shè)置右邊框?qū)挾?、樣式、顏?/p>
1.7 設(shè)置下邊框?qū)挾?、樣式、顏?/p>
1.8 設(shè)置左邊框?qū)挾取邮?、顏?/p>
以上對border邊框?qū)傩赃M行了基礎(chǔ)操作，大家可以根據(jù)自己的經(jīng)驗為邊框制作出更漂亮的樣式。如若大家有什么更好的見解，那就在回復區(qū)暢所欲言吧，我定會吸取精華~如有寫錯歡迎大家回復，我以后定會更加細心 _
CSS可以很方便的用來控制網(wǎng)頁的外觀。主要有以下特點：
1.可以同時更新多個網(wǎng)頁的樣式。
2.使網(wǎng)頁的表示層與結(jié)構(gòu)層徹底分離
3.大大減小了網(wǎng)頁文件的大下
4.加快了網(wǎng)頁的加載速度
現(xiàn)在用CSS來布局網(wǎng)頁已經(jīng)是一種潮流，如果要向網(wǎng)頁設(shè)計方面發(fā)展，必須精通CSS。
css只負責靜態(tài)樣式，無法做任何邏輯運算，如果需要隨機背景，需要js配合使用
//?首先，定義一個數(shù)組，用于存放所有的背景圖片
var?arr?=?new?Array();
//?將所有背景圖放入arr內(nèi)
arr.push('背景圖地址',?'背景圖地址',?'背景圖地址');
//?隨機獲得一個鍵值
var?bg?=?Math.floor((Math.random()?*?arr.length));
//?將背景圖片放入body的css中
$('body').css('background-image',?arr[bg]);
如何清除圖片下方出現(xiàn)幾像素的空白間隙？
方法1：
方法2：
除了top值，還可以設(shè)置為text-top | middle | bottom | text-bottom
甚至特定的length和percentage值都可以
方法3：
如何讓文本垂直對齊文本輸入框？
如何讓單行文本在容器內(nèi)垂直居中？
如何讓超鏈接訪問后和訪問前的顏色不同且訪問后仍保留hover和active效果？
按L-V-H-A的順序設(shè)置超鏈接樣式即可，可速記為LoVe（喜歡）HAte（討厭）
為什么Standard mode下IE無法設(shè)置滾動條的顏色？
將原來設(shè)置在body上的滾動條顏色樣式定義到html標簽選擇符上即可
如何使文本溢出邊界不換行強制在一行內(nèi)顯示？
設(shè)置容器的寬度和white-space為nowrap即可，其效果類似nobr標簽
如何使文本溢出邊界顯示為省略號？
方法（此方法Firefox5.0尚不支持）：
如何使連續(xù)的長字符串自動換行？
word-wrap的break-word值允許單詞內(nèi)換行
如何清除浮動？
方法1：
方法2：
方法3：
如何定義鼠標指針的光標形狀為手型并兼容所有瀏覽器？
若將cursor設(shè)置為hand，將只有IE和Opera支持，且hand為非標準屬性值
如何讓已知高度的容器在頁面中水平垂直居中？
Know More：已知高度的容器如何在頁面中水平垂直居中
如何讓未知尺寸的圖片在已知寬高的容器內(nèi)水平垂直居中？
如何設(shè)置span的寬度和高度（即如何設(shè)置內(nèi)聯(lián)元素的寬高）？
如何給一個元素定義多個不同的css規(guī)則？
如何讓某個元素充滿整個頁面？
如何讓某個元素距離窗口上右下左4邊各10像素？
如何去掉超鏈接的虛線框？
IE7及更早瀏覽器由于不支持outline屬性，需要通過js的blur()方法來實現(xiàn)，如a onfocus="this.blur();"...
如何容器透明，內(nèi)容不透明？
原理是容器層與內(nèi)容層并級，容器層設(shè)置透明度，內(nèi)容層通過負margin或者position絕對定位等方式覆蓋到容器層上
方法2：
高級瀏覽器直接使用rgba顏色值實現(xiàn)；IE瀏覽器在定義容器透明的同時，讓子節(jié)點相對定位，也可達到效果
如何讓整個頁面水平居中？
定義body的text-align值為center將使得IE5.5也能實現(xiàn)居中
為什么容器的背景色沒顯示出來？為什么容器無法自適應內(nèi)容高度？
通常出現(xiàn)這樣的情況都是由于沒有清除浮動而引起的
如何做1像素細邊框的table？
方法1：
方法2：
IE7及更早瀏覽器不支持border-spacing屬性，但是可以通過table的標簽屬性cellspacing來替代。
如何使頁面文本行距始終保持為n倍字體大小的基調(diào)？
注意，不要給n加單位
標準模式Standard mode和怪異模式Quirks mode下的盒模型區(qū)別？
標準模式下：Element width = width + padding + border
怪異模式下：Element width = width
以圖換字的幾種方法及優(yōu)劣分析
思路1：使用text-indent的負值，將內(nèi)容移出容器
該方法優(yōu)點在于結(jié)構(gòu)簡潔，不理想的地方：
1.由于使用場景不同，負縮進的值可能會不一樣，不易抽象成公用樣式；
2.當該元素為鏈接時，在非IE下虛線框?qū)⒆兊貌煌暾?/p>
3.如果該元素被定義為內(nèi)聯(lián)級或者內(nèi)聯(lián)塊級，不同瀏覽器下會有較多的差異
思路2：使用display:none或visibility:hidden將內(nèi)容隱藏；
該方法優(yōu)點在于兼容性強并且容易抽象成公用樣式，缺點在于結(jié)構(gòu)較復雜
思路3：使用padding或者line-height將內(nèi)容擠出容器之外；
該方法優(yōu)點在于結(jié)構(gòu)簡潔，缺點在于：
1.由于使用場景不同，padding或line-height的值可能會不一樣，不易抽象成公用樣式；
2.要兼容IE5.5及更早瀏覽器還得hack
思路4：使用超小字體和文本全透明法；
該方法結(jié)構(gòu)簡單易用，推薦使用
為什么2個相鄰div的margin只有1個生效？
本例中box1的底部margin為10px，box2的頂部margin為20px，但表現(xiàn)在頁面上2者之間的間隔為20px，而不是預想中的10+20px=30px，結(jié)果是選擇2者之間最大的那個margin，我們把這種機制稱之為“外邊距合并”；外邊距合并不僅僅出現(xiàn)在相鄰的元素間，父子間同樣會出現(xiàn)。
簡單列舉幾點注意事項:
外邊距合并只出現(xiàn)在塊級元素上；
浮動元素不會和相鄰的元素產(chǎn)生外邊距合并；
絕對定位元素不會和相鄰的元素產(chǎn)生外邊距合并；
內(nèi)聯(lián)塊級元素間不會產(chǎn)生外邊距合并；
根元素間不會不會產(chǎn)生外邊距合并（如html與body間）；
設(shè)置了屬性overflow且值不為visible的塊級元素不會與它的子元素發(fā)生外邊距合并；
如何在文本框中禁用中文輸入法？
ime-mode為非標準屬性，寫該文檔時只有IE和Firefox支持
如何解決列表中l(wèi)ist-style-image不能精準定位的問題？
不使用list-style-image來定義列表項目標記符號，而用background-image來代替，
并通過background-position來進行定位
如何解決偽對象:before和:after在input標簽上的怪異表現(xiàn)的問題？
現(xiàn)象：
在編寫本條目時，除了Opera，在所有瀏覽器下input標簽使用偽對象:before和:after都沒有效果，即使Opera的表現(xiàn)也同樣令人詫異。大家可以試玩一下。瀏覽器版本：IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
除了Firefox，在所有瀏覽器下偽對象:before和:after無法定義過渡和動畫效果。
如果這個過渡或動畫效果是必須，可以考慮使用真實對象。
1、創(chuàng)建使用css樣式表有三種，分別是外部樣式表，內(nèi)部樣式表和內(nèi)聯(lián)樣式。下面通過一個小demo演示它們的用法，首先新建一個html文件，放入3個button按鈕，給前兩個按鈕分別設(shè)置class屬性為btn1和btn2：
2、接著準備一個css文件，命名為demo.css，在文件內(nèi)寫入按鈕A的樣式，保存css文件：
3、回到剛才的html文件，在style標簽中用link標簽引入上一步創(chuàng)建的css文件，這就是外聯(lián)樣式的用法，總結(jié)就是創(chuàng)建好的css文件內(nèi)寫好樣式，然后在html文件中用link標簽引入即可，這也是大部分網(wǎng)站使用的方法，因為其引入方便，管理起來也比較方便：
4、接著是內(nèi)部樣式表的使用，這里直接在head標簽里創(chuàng)建style標簽，在里面加入btn2的樣式。對于內(nèi)部樣式表簡單的html文件，內(nèi)部樣式是很方便的，但是結(jié)構(gòu)復雜的html文件使用它就會讓文件顯得很混亂：
5、最后是內(nèi)聯(lián)樣式的使用，直接在第三個標簽內(nèi)使用style屬性加入樣式就可以了：
6、最后保存html文件，打開瀏覽器可以看到三個按鈕的樣式都出現(xiàn)了。以上就是css樣式表的制作方法：
重慶分公司
重慶分公司
