CSS圖片基本屬性|蘿卜系統下載站

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

【實例介紹】

CSS圖片基本屬性

在CSS中可以通過邊框屬性為圖片添加各式各樣的邊框。border-style用來定義邊框的樣式，如虛線、實線或點畫線等。

【基本語法】

【語法介紹】

語法介紹：
border-width：用來設置邊框寬度，可以使用各種CSS中的長度單位，最常用的是像素。
border-style：用來設置邊框樣式，可以選擇一些預先定義好的線型。
border-color：用來設置邊框顏色，可以使用各種合法的顏色來定義。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>設置圖片邊框基本屬性</title>
<style type="text/css">
.img1{
 border-style:dotted; /* 點畫線 */
 border-color:#FF0000; /* 邊框顏色 */
 border-width:4px;  /* 邊框粗細 */}
.img2{
 border-style:dashed; /* 虛線 */
 border-color:#33FF00; /* 邊框顏色 */
 border-width:2px;  /* 邊框粗細 */}
</style>
   </head>
   <body>
      <img src="car.jpg" class="img1"> 
      <img src="car.jpg" class="img2">
   </body>
</html>

【代碼分析】

其顯示效果如圖所示，第一幅圖片設置的是紅色、4像素寬的點畫線，第二幅圖片設置的是綠色、2像素寬的虛線。

基本屬性運行效果

【素材及源碼下載】

請點擊：CSS圖片基本屬性下載本實例相關素材及源碼

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

CSS圖片基本屬性

本類教程下載

系統下載排行