日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

如何給縮略圖加上邊框等效果(2)_動(dòng)易Cms教程

編輯Tag賺U幣
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!


  第一個(gè)圖片邊框的CSS代碼是:"border:thin solid red;"�!癰order”后面的三個(gè)參數(shù)的含義是:
  邊框線寬度:可以自定義像素寬度如1pt、5px、2cm等,也以選擇邊框線寬度的三個(gè)標(biāo)準(zhǔn)值:thin(細(xì)線)、medium(中粗線)和thick(粗線)。
  邊框線的類型:邊框線的類型有九個(gè)確定值:
  none:無(wú)邊框線。與任何指定的border-width值無(wú)關(guān)
  dotted:由點(diǎn)組成的虛線。在MAC平臺(tái)上IE4 與WINDOWS和UNIX平臺(tái)上IE5.5 為點(diǎn)線,否則為實(shí)線
  dashed:由短線組成的虛線。在MAC平臺(tái)上IE4 與WINDOWS和UNIX平臺(tái)上IE5.5 為虛線,否則為實(shí)線
  solid:實(shí)線邊框
  double:雙線邊框。兩條單線與其間隔的和等于指定的border-width值
  groove:根據(jù)border-color的值畫3D凹槽狀的邊框
  ridge:根據(jù)border-color的值畫3D脊?fàn)睿庑危┑倪吙?BR>  inset:根據(jù)border-color的值畫3D凹邊,顏色較深
  outset:根據(jù)border-color的值畫3D凸邊,顏色較淺
  注重:假如系統(tǒng)不支持這些邊框的屬性值,那么“dotted”、“dashed”、“double”、“groove”、“ridge”、“inset”和“outset”都會(huì)被“solid”實(shí)線邊框代替。要使用該屬性,必須先設(shè)定對(duì)象的height或width屬性,或者設(shè)定position屬性為absolute。假如border-width不大于0,本屬性將失去作用。
  邊框線的顏色:red(紅色),邊框線的顏色可以用十六進(jìn)制的顏色代碼,如#00ffcc。
  我們定義邊框,實(shí)際上就是設(shè)定這三個(gè)參數(shù)值。從上面可以看出,給圖片加邊框確實(shí)很簡(jiǎn)單。
  更多使用技巧提示:給一段文本加邊框,可把CSS加在〈P〉標(biāo)記里;給幾段文本加邊框,先把那幾段文本用DIV標(biāo)記括起來(lái),再把CSS加在〈DIV〉標(biāo)記里;若是要給一行文本加幾個(gè)不同的邊框,則需要把文本放在表格里,再把CSS分別加到〈TD〉標(biāo)記里。

2、給圖片加不同寬度和顏色的邊框線

  您也可以對(duì)圖片的每一條邊的屬性值定義不同的樣式。例:

    代碼1:
    .pic1
    {
    border-top: #ff0000 4px dotted; border-right: #ffcc33 3px solid; border-bottom: #3300FF 2px double; border-left: #cccccc 4px ridge;
    }

    效果預(yù)覽:
    代碼2:
    .pic1
    {
    border-color: #ff0000 #ffcc33 #3300FF #cccccc;border-width:4px 3px 2px 4px;border-style:dotted solid double ridge;
    }

    效果預(yù)覽:

    查看更多 動(dòng)易Cms教程  動(dòng)易Cms模板

    來(lái)源:模板無(wú)憂//所屬分類:動(dòng)易Cms教程/更新時(shí)間:2005-05-31
    相關(guān)動(dòng)易Cms教程