abstrak：<!DOCTYPE html><!--聲明文檔為HTML5文檔--><html lang="zh-cmn-hans"><!--定義頁面為簡(jiǎn)體中文頁面--><head><!--頭部信息--> <meta charset="utf-8"><!--聲
<!DOCTYPE html><!--聲明文檔為HTML5文檔-->
<html lang="zh-cmn-hans"><!--定義頁面為簡(jiǎn)體中文頁面-->
<head><!--頭部信息-->
<meta charset="utf-8"><!--聲明文檔編碼為UTF-8-->
<meta name="Author" content="MrTAO,80238980@qq.com"><!--標(biāo)注文檔的作者-->
<title>CSS盒模型---邊框</title><!--標(biāo)題-->
<style type="text/css">
.box{color: red; /*設(shè)置文本顏色*/
width:350px;
height:150px; /*設(shè)置DIV的寬高*/
font-size: 50px; /*設(shè)置文本字體大小*/
border: 1.5px solid #cccccc; /*設(shè)置邊框的寬度 格式 顏色*/
font-weight: bold; /*設(shè)置文本字體加粗*/
text-align: left; /*設(shè)置文本對(duì)齊方式*/
line-height: 75px; /*設(shè)置文本行高*/
text-indent: 30px;/*設(shè)置文本縮進(jìn)*/
}
.box1{color: red; /*設(shè)置文本顏色*/
font-size: 30px; /*設(shè)置文本大小*/
text-align: right; /*設(shè)置文本對(duì)齊方式*/
line-height: 75px;/*設(shè)置文本行高*/
}
.image{
width: 300px;
height: 400px;/*設(shè)置圖片寬高*/
border: 3px double grey;/*設(shè)置圖片邊框風(fēng)格*/
border-radius: 50% 50%;/*設(shè)置圓角邊框*/
box-shadow: #cccccc 10px 7px 3px;/*設(shè)置邊框陰影*/
}
</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>
Guru membetulkan：天蓬老師Masa pembetulan：2019-04-24 15:47:22
Rumusan guru：class="image", 這個(gè)class值取得不好, 不要用這種... 應(yīng)該與它的樣式相關(guān)...