HTML&CSS day7 core attribute - 2
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="view"><span class="phone"> iPhone XS Max </span> <span>256GB</span>，6.5 吋超Retina 特製OLED 顯示器玻璃材質搭配醫療級特製不鏽鋼邊框<span>IP68 </span>等級，了解更多iPhone XS Max 256GB相關的資訊、規格型號、不用<span class="price2">18888</span>、 ...只要<span class="price1">6999</span></div>
</body>
</html>
*****CSS****
span{
font-size:25px;
}
.phone{
color:red;
}
.price1{
color:red;
text-decoration: underline;
/* 底線 */
}
.price2{
color:blue;
text-decoration:line-through;
/* 刪除線 */
}
<html>
<head>
<title></title>
</head>
<body>
<div class="view"><span class="phone"> iPhone XS Max </span> <span>256GB</span>，6.5 吋超Retina 特製OLED 顯示器玻璃材質搭配醫療級特製不鏽鋼邊框<span>IP68 </span>等級，了解更多iPhone XS Max 256GB相關的資訊、規格型號、不用<span class="price2">18888</span>、 ...只要<span class="price1">6999</span></div>
</body>
</html>
*****CSS****
span{
font-size:25px;
}
.phone{
color:red;
}
.price1{
color:red;
text-decoration: underline;
/* 底線 */
}
.price2{
color:blue;
text-decoration:line-through;
/* 刪除線 */
}
留言
張貼留言