<code id="66e0h"><acronym id="66e0h"></acronym></code>
  • <tr id="66e0h"></tr>
    <noscript id="66e0h"><track id="66e0h"><delect id="66e0h"></delect></track></noscript>
      1. <output id="66e0h"><track id="66e0h"></track></output>

        <ins id="66e0h"><video id="66e0h"></video></ins>
        • 您好,歡迎訪(fǎng)問(wèn)我的網(wǎng)站!
        • 今天是:
        當前位置:新聞資訊 > > CSS solid 屬性1

        CSS solid 屬性1

        來(lái)源:作者: 時(shí)間:2020-10-26

        摘要:邊框線(xiàn)的寬度有三個(gè)標準值:thin(細線(xiàn))、medium(中粗線(xiàn))和thick(粗線(xiàn)),此外,也可以自定義寬度,如:1pt、5px、2cm等。

        制作過(guò)網(wǎng)頁(yè)的人都有為畫(huà)線(xiàn)而煩惱的經(jīng)歷,先來(lái)認識一下“Border”(畫(huà)邊框),它是CSS的一個(gè)屬性,用它可以給能確定范圍的HTML標記(如TD、 DIV等等)畫(huà)邊框,它可以定義邊框線(xiàn)的類(lèi)型、寬度和顏色,利用這個(gè)特性,可以制作一些特殊效果。下面把通過(guò)實(shí)例來(lái)說(shuō)明其應用技巧。

          1、給文本加邊框

         undefined

          上面的示例中,給一段文字加了不同的邊框,只是為了說(shuō)明邊框線(xiàn)的顏色、粗細是可變的。

          第一個(gè)邊框的CSS代碼是:style="border:thin solid red";

             “border”后面的三個(gè)參數的含義是:邊框線(xiàn)的寬度是:thin(細線(xiàn));邊框線(xiàn)的類(lèi)型:solid(實(shí)線(xiàn));邊框線(xiàn)的顏色:red(紅色)。

          邊框線(xiàn)的寬度有三個(gè)標準值:thin(細線(xiàn))、medium(中粗線(xiàn))和thick(粗線(xiàn)),此外,也可以自定義寬度,如:1pt、5px、2cm等。

          邊框線(xiàn)的類(lèi)型有九個(gè)確定值:none(無(wú)邊框線(xiàn))、 dotted(由點(diǎn)組成的虛線(xiàn))、 dashed(由短線(xiàn)組成的虛線(xiàn))、 solid(實(shí)線(xiàn))、 double(雙線(xiàn),雙線(xiàn)寬度加上它們之間的空白部分的寬度就等于border-width定義的寬度)、 groove(3D溝槽狀的邊框)、 ridge(3D脊狀的邊框)、 inset(3D內嵌邊框,顏色較深)、 outset(3D外嵌邊框,顏色較淺),

        注意:如果系統不支持這些邊框的屬性值,那么“dotted”、“dashed”、“double”、“groove”、“ridge”、“inset”和“outset”都會(huì )被“solid”代替。

          邊框線(xiàn)的顏色:可以用十六進(jìn)制的顏色代碼,如#00ffcc。

          從上面可以看出,給文本加邊框確實(shí)很簡(jiǎn)單,上例中后面那幾個(gè)邊框的設置,我不講你也明白了吧!在這里告訴你一點(diǎn)小技巧,給一段文本加邊框,可把 CSS加在〈P〉標記里;給幾段文本加邊框,先把那幾段文本用DIV標記括起來(lái),再把CSS加在〈DIV〉標記里;若是要給一行文本加幾個(gè)不同的邊框,則 需要把文本放在表格里,再把CSS分別加到〈TD〉標記里。


         2、給導航菜單加分隔線(xiàn)

        undefined

          上面這個(gè)例子中的小白線(xiàn),當然可以用圖象來(lái)做,但我在這里是用CSS的“border”的擴展屬性畫(huà)了邊框的一條邊,這樣代碼要少的多。畫(huà)邊框的單邊與上例的邊框的四條邊類(lèi)似,一個(gè)邊框的四條邊的屬性如下:

          邊框線(xiàn)名稱(chēng):border-top(上邊框線(xiàn))、border-right(右邊框線(xiàn))、border-bottom(下邊框線(xiàn))和boder-left(左邊框線(xiàn));每條邊框線(xiàn)的類(lèi)型、寬度和顏色的取值與“boder”屬性相同。如本例中要定義每個(gè)單元格的左邊框線(xiàn)為白色線(xiàn),線(xiàn)的寬度為“1px”的實(shí)線(xiàn),則CSS代碼是這樣的:style="border-left: 1px solid #ffffff"。

          在單獨定義邊框線(xiàn)時(shí),若不給出某個(gè)值,那么就取其默認的初始值。在dreamweaver中定義CSS非常方便,不用編寫(xiě)代碼;把常用的邊框線(xiàn)一次定義好,放在外連式CSS文件中,要用時(shí)調用一下就行了,非常方便。

          3、在一個(gè)邊框中采用不同寬度和顏色的邊框線(xiàn)

          在本例中的效果,當然可以用上例中的方法來(lái)實(shí)現,但那樣代碼過(guò)多,可采用另一種合并的方法,把四條邊的屬性值分類(lèi)放在一起,如本例的代碼是這樣的:

        style="border-style:solid; border-width: thin thin thick thick;border-color:#00ff00 #00ff00 #0000ff #0000ff" 。


          從上面可以看出,我把邊框線(xiàn)的類(lèi)型、寬度和顏色歸類(lèi)在一起定義了,這里請注意幾點(diǎn):

          一、四條邊框線(xiàn)的位置順序是:上邊框線(xiàn)、右邊框線(xiàn)、下邊框線(xiàn)、左邊框線(xiàn);

               二、我在本例中邊框線(xiàn)的類(lèi)型只取了一種實(shí)線(xiàn)類(lèi)型,實(shí)際上四條邊也可以分別定義不同的類(lèi)型;

          三、屬性值可以定義一個(gè)、兩個(gè)、三個(gè)或者四個(gè)。如果僅定義一個(gè)屬性值,則其余三個(gè)自動(dòng)取相同值,如:border-style:solid與border-style:solid solid solid solid的效果完全一樣;如果僅給出兩個(gè)或三個(gè)值,那么缺失邊的屬性值把取與對邊相同的值。如:boder-width:thin thick與border-width:thin thick thin thick效果相同,border-width:1px 2px 3px與border-width:1px 2px 3px 2px的效果相同。

          Border屬性的靈活應用,可以產(chǎn)生許多特殊效果,方法與上面介紹的相同,不再一一舉例了。  

        文章標題:中專(zhuān)畢業(yè)升大專(zhuān)報考條件是什么

        本文tag: 中專(zhuān) 畢業(yè) 大專(zhuān) 報考條件

        本文地址: http://zz.rtvuw.com/zzzx/zzsdz/3.html + 復制鏈接

        相關(guān)文章
        初中畢業(yè)考不上高中可以選擇哪些學(xué)校2020-10-26
        初中畢業(yè)上衛校哪些專(zhuān)業(yè)就業(yè)前景好2020-10-26
        中專(zhuān)生想上大專(zhuān)有哪些方法2020-10-26
        初中畢業(yè)上職高三年后可以參加高考嗎2020-10-26
        沈陽(yáng)有哪些好的中專(zhuān)院校 中專(zhuān)院校排行2020-10-26
        職高畢業(yè)可以報考外省大學(xué)嗎2020-10-26
        初中畢業(yè)上中專(zhuān)好不好 有哪些優(yōu)勢 2020-10-26
        中專(zhuān)生怎樣選擇一個(gè)適合自己的專(zhuān)業(yè)2020-10-26
        中專(zhuān)學(xué)校有哪些專(zhuān)業(yè)適合女孩子呢2020-10-26
        初中畢業(yè)考體校需要多少分 要滿(mǎn)足什么條件2020-10-26
        快速報名登記
        中国人体360