資訊專欄INFORMATION COLUMN
摘要：邊框參考資料菜鳥(niǎo)教程
一，效果圖。
二，代碼。
?
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Border(邊框)title>
<style>
p.one {
border-style: solid;
border-width: 5px;
border-color: red;
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}
p.two {
border-style: solid;
border-width: medium;
border-color: #98bf21;
}
p.three {
border-style: solid;
border-width: 1px;
}
style>
head>
<body>
<p class="one">Some text.p>
<p class="two">Some text.p>
<p class="three">Some text.p>
<p><b>Note:b> The "border-width" property does not work if it is used alone. Use the "border-style" property to set the borders first.p>
body>
html>
?
?
?
參考資料:《菜鳥(niǎo)教程》
?
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1260.html
一，效果圖。 二，代碼。 ? DOCTYPE html> CSS Table表格 table { border-collapse: collapse; width: 100%; } table, th, td { border: 1px solid green;...
一，效果圖。 ? the picture above is 250px wide.the total width of this element is also 250px. ? 參考資料:《菜鳥(niǎo)教程》
一，效果圖。 二，代碼。 DOCTYPE html> CSS 教程 body { background-color: #d0e4fe; } h1 { color: range; text-align: center; } p { fon...
一，效果圖。 二，代碼。 DOCTYPE html> CSS 語(yǔ)法 p { color: red; text-align: center; } Hello world! this paragraph is styled with css ? 參考資料：《菜鳥(niǎo)教程》
一，效果圖。 二，代碼。 DOCTYPE html> CSS id和class選擇器 #para1 { text-align: center; color: red; } .center { text-align: center; } p.center...
閱讀 3092·2023-04-26 00:53
閱讀 3543·2021-11-19 09:58
閱讀 1705·2021-09-29 09:35
閱讀 3294·2021-09-28 09:46
閱讀 3873·2021-09-22 15:38
閱讀 2700·2019-08-30 15:55
閱讀 3020·2019-08-23 14:10
閱讀 3835·2019-08-22 18:17
