標題: 【轉貼】套用网络边框的方法
pakon
管理員

帖子 4562
註冊 2013-6-29
用戶註冊天數 3955
發表於 2013-8-5 17:07 
61.15.176.52
分享  私人訊息  頂部
【轉貼】謝謝僑友網daidai
我们许多朋友看到网络上的边框时想套用,这里就说说它的操作:
1,在【写日志】的编辑框中点“源代码”图标。
2,把从网络上复制来的“边框标签代码”粘帖进去。(留言处我选了12个)
3,再次点击“源代码”图标,你要的边框就显现出来了,你就可以在它
的里面写文字了,如果写不了或不出现光标就双击它,出现斜条阴影边线
时就能书写文字了,其它操作和你平时做的一模一样,熟能生巧你试试。
我把几个简单的“边框标签代码”写在回帖处,你去复制-粘贴看看。
为何我不把那些代码贴在这里,而放在回帖处?这里一贴就变成边框了。
今后我们把越来越多的漂亮的”边框标签代码“陆续转贴出来供您选择!


“边框标签代码”
(1)  <div STYLE="border-style:solid;border-width:5pt; border-color:red">日志文字</div>
(2)  <DIV style="BORDER-RIGHT: #ff4500 4px solid; BORDER-TOP: #ff4500 4px solid; BORDER-LEFT: #ff4500 4px solid; BORDER-BOTTOM: #ff4500 4px solid; BACKGROUND-COLOR: #ffdead">实线</DIV>
(3)   <div STYLE="border-styleouble;border-width:8pt; border-color: #8B008B">
(4)  <div STYLE="border-styleouble;border-width:6pt; border-color: #f08080">
<div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>
(5)  <div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge;
border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>
(6)  <div style="border: 1px dashed #000000;background-color:#FFFFE0"> ... </div>
(7)  <div style="border:1px solid #000000;">实线</div>
(8)  <div style="border-styleutset; border-width:1px;">外凸</div>
(9) <div style="border:3px double #000000;">双线</div>
(10)  <div style="border: 3px dashed #ff4500;background-color:#ffdab9">文字</div>
(11)   <div style="border: 3px dashed #f08080;background-color:#FFFFE0">文字</div>
(12)  <div style="border:3px solid #ffdab9;background-color:#FFFFE0">实线</div>