abstrait：<!DOCTYPE html><!--聲明文檔為HTML5文檔--><html lang="zh-cmn-hans"><!--定義頁面為簡體中文頁面--><head><!--頭部信息--> <meta charset="utf-8"><!--聲
<!DOCTYPE html><!--聲明文檔為HTML5文檔-->
<html lang="zh-cmn-hans"><!--定義頁面為簡體中文頁面-->
<head><!--頭部信息-->
<meta charset="utf-8"><!--聲明文檔編碼為UTF-8-->
<meta name="Author" content="MrTAO,80238980@qq.com"><!--標注文檔的作者-->
<title>CSS盒模型---邊框</title><!--標題-->
<style type="text/css">
.box{color: red; /*設置文本顏色*/
width:350px;
height:150px; /*設置DIV的寬高*/
font-size: 50px; /*設置文本字體大小*/
border: 1.5px solid #cccccc; /*設置邊框的寬度 格式 顏色*/
font-weight: bold; /*設置文本字體加粗*/
text-align: left; /*設置文本對齊方式*/
line-height: 75px; /*設置文本行高*/
text-indent: 30px;/*設置文本縮進*/
}
.box1{color: red; /*設置文本顏色*/
font-size: 30px; /*設置文本大小*/
text-align: right; /*設置文本對齊方式*/
line-height: 75px;/*設置文本行高*/
}
.image{
width: 300px;
height: 400px;/*設置圖片寬高*/
border: 3px double grey;/*設置圖片邊框風格*/
border-radius: 50% 50%;/*設置圓角邊框*/
box-shadow: #cccccc 10px 7px 3px;/*設置邊框陰影*/
}
</style>
</head>
<body><!--文本信息-->
<div class="box">CSS模型
<div class="box1">--邊框（border）</div>
</div>
<br>
<div>
<img src="http://b.hiphotos.baidu.com/image/pic/item/b21bb051f81986181f970fe744ed2e738ad4e685.jpg" class="image">
</div>
</body>
</html>
Professeur correcteur：天蓬老師Temps de correction：2019-04-24 15:47:22
Résumé du professeur：class="image", 這個class值取得不好, 不要用這種... 應該與它的樣式相關...