1. 外凸邊框：

效果：

日志文字

代碼：

日志文字

代碼說明：

藍(lán)色部分為可修改部分，一一說明：

四個2表示凸起邊框的寬度，用1的話不太明顯，2或3比較合適；

四個outset表示邊框類型為"凸起"，如果都改成inset或者double，就分別是凹陷邊框和雙線邊框的效果，其他效果下文會給出完整代碼；

WIDTH: 100%; 和HEIGHT: 100%表示這個框的寬度占日志寬度的百分之百，當(dāng)窗口伸縮的時候，框的寬度也會隨著伸縮，HEIGHT表示高度，另外，還有一種表示方法以px為單位的，表示單位為象素，例如：WIDTH: 355px 表示框的寬度為355象素，不同的版式，日志寬度是不一樣，可參考這里給定的值，一般的情況下，用百分比表示就可以了，但是有的時候需要用象素來確定大小，見機行事吧；

align=left表示框內(nèi)內(nèi)容的排列方式為左對齊，把left分別改成center或right分別為居中對齊和右對齊，如果想左對齊的話，可以把align=left刪掉，缺省情況下是左對齊；

ffffff表示框內(nèi)的背景色，ffffff表示白色(000000表示黑色)，顏色值可參考這個表來選擇，另外，將#ffffff改為 transprant即為透明背景，個人認(rèn)為透明背景比較常用；為了方便復(fù)制粘貼，給出透明背景的邊框代碼如下：(框內(nèi)紅色部分為代碼)

日志文字? 日志文字為框內(nèi)的日志內(nèi)容，沒有必要在代碼里編輯，回到普通設(shè)計模式，雙擊生成的框，即可進(jìn)入框內(nèi)編輯文字。

2. 內(nèi)凹邊框：

效果：

日志文字

代碼：

日志文字

透明背景內(nèi)凹邊框代碼：

日志文字? 代碼說明：

類似上面的，略……

3. 雙線邊框：

日志文字? 透明背景雙線邊框代碼：日志文字其實，前面的邊框也可以像雙線邊框一樣設(shè)置顏色，但個人覺得，凹凸效果的顏色還是默認(rèn)比較好。

4. 虛線邊框：

日志文字

透明背景虛線邊框代碼：

日志文字

5. 溝線立體效果邊框

日志文字個人認(rèn)為這個邊框的背景色最好用透明，而且邊框的粗細(xì)值不能太小，否則效果不明顯

6. 脊線立體效果邊框

日志文字

總結(jié)

以上是生活随笔為你收集整理的java里面设置边框样式_DIV边框样式设置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。