將向博客新手詳細(xì)解講制作過程 
在制作音畫作品及發(fā)表圖片時(shí),給它添加一幅漂亮的邊框.這也許是許多博友想做的...那么,該如何來為它添加漂亮的邊框呢？ 其實(shí),制作‘邊框’的方法有很多種,比如用Word,、PS等軟件都可以制作邊框. 但這就要求你必須有一定的電腦專業(yè)知識(shí),對(duì)于一般的朋友來說還是有點(diǎn)難度的. 今天,筆者向大家介紹一種簡(jiǎn)便,、制作容易的的方法: 那就是用代碼直接制作音畫、日志的邊框. 首先,看下面的這段基本代碼: |
首先,看下面的這段基本代碼:
bgColor=#ffffff>填寫內(nèi)容 原始代碼:(如下) width="80%" align=center> |
|
|
熟悉上述代碼概念及用法 | 代碼解析: 1,、BORDER-RIGHT:表示該邊框的右邊框線;LEFT表示左邊框線;TOP,、BOTTOM表示上、下邊框線; 2,、#0000ff 表示該邊框線的顏色,有關(guān)顏色的選取請(qǐng)參見《顏色速查表》一文; 3,、7pt表示該邊框線的粗細(xì)度,可根據(jù)需要改變其數(shù)值;4、上述代碼中的紅色部分double表示該邊框為單線邊框,、double為雙線邊框,、outset表示為凸出型邊框、inset為凹槽型邊框、dashed為虛線型邊框等 4,、align=center 表示該邊框在日志中居正中位置, 需要說明的是:日志頁面的總寬度一在720至800之間.只有寬度值小于700以下時(shí),邊框才會(huì)出現(xiàn)居左,、居右或居中的現(xiàn)象出現(xiàn);詳細(xì)內(nèi)容,請(qǐng)參見---《如何調(diào)整“邊框”在日志頁面的寬度及高度?》一文的解講; 5、如果去除上述代碼中的最后一行中的bgColor=#ffffff代碼, 最終該邊框內(nèi)部的顏色顯示為你日志頁面的顏色.如果你想在該邊框內(nèi)添加一種背景顏色,只要在粉紅處改變顏色代碼即可. 例:#ffffff表示內(nèi)框背景為白色,現(xiàn)在需要黑色作為背景顏色只要改為#00000即可. |
有關(guān)顏色的選取請(qǐng)參見《顏色速查表》一文. 修改代碼后,可獲得如下幾種不同邊框的效果圖: 你只需要改變上述代碼中的部分代碼及數(shù)值復(fù)制該代碼后,就可以獲得形狀不同的邊 框. 如:<1>單線邊框,、<2>雙線邊框,、<3>立體陰影邊框、<4>凸線邊框,、<5>凹線邊框,、<6 >郵票型邊框、<7>粒狀陰影型邊框,、<8>虛線邊框等等 |
1,、單線型邊框: 代碼復(fù)制區(qū): <>width="99%" align=center> | | 填寫內(nèi)容 |
效果圖如下:(可直接復(fù)制使用) 2、雙線型邊框: 代碼復(fù)制區(qū):
效果圖如下:(可直接復(fù)制使用) 3,、凸出型邊框: align=center>
填寫內(nèi)容
效果圖如下:(可直接復(fù)制使用) 4,、凹陷型邊框: 代碼復(fù)制區(qū):
效果圖如下:(可直接復(fù)制使用) 5、虛線型邊框: 代碼復(fù)制區(qū):
效果圖如下:(可直接復(fù)制使用) 6,、脊?fàn)盍Ⅲw型邊框: 代碼復(fù)制區(qū):
效果圖如下:(可直接復(fù)制使用) 7,、粒狀陰影框: 代碼復(fù)制區(qū): < strong="">width="99%" border=1>
正文 效果圖如下:(可直接復(fù)制使用) 8、立體陰影框: 代碼復(fù)制區(qū): <>width="99%" border=1>
填寫內(nèi)容 效果圖如下:(可直接復(fù)制使用) 9,、郵票型邊框: 代碼復(fù)制區(qū): <TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; WIDTH: 780px; BORDER-BOTTOM: #f6ae56 3px dashed; HEIGHT: 50px" cellSpacing=8 bgColor=#f6ae56>
填寫內(nèi)容 效果圖如下:(可直接復(fù)制使用) 10, 凹狀雙內(nèi)虛線框: 代碼復(fù)制區(qū): Color=#0000ff cellSpacing=2 cellSpacing=1 width=780 align=center border=10>填寫內(nèi)容 效果圖如下:(可直接復(fù)制使用) 最后,說明: 根據(jù)上述原始代碼,稍作修改后還可以制作出許多漂亮的圖片邊框.比如將上述代碼改為: 代碼復(fù)制區(qū): <> src="" rel=nofollow>http://image86.360doc.com/DownloadImg/2015/06/2619/55401027_7.jpg"> 效果圖如下: 
具體操作步驟,請(qǐng)參見--- 相關(guān)文章鏈接: 
|
