欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css年月日格式

林雅南2年前10瀏覽0評論

CSS在設計頁面的時候,我們經常需要使用時間的展示,其中就包括年月日格式。下面介紹一些常用的展示時間的格式。

/* 年月日時分秒格式 */
.date {
font-size: 16px;
color: #333;
font-weight: bold;
display: block;
margin: 10px 0;
}
.date::before {
content: "";
display: inline-block;
width: 3px; /* 垂直線的寬度 */
height: 10px;
background-color: #333; /* 垂直線的顏色 */
margin-right: 5px;
margin-left: -10px;
}
.date span {
display: inline-block;
margin-right: 10px; /* 數字之間的間距 */
}
.date span:first-of-type {
margin-left: -5px; /* 調整第一個數字的位置 */
}
/* html代碼 */
<p class="date"><span>2022</span>年<span>03</span>月<span>26</span>日<span>14</span>:<span>30</span>:<span>50</span></p>

以上是展示年月日時分秒的格式,如果需要展示部分時間信息,可以參考以下例子。

/* 年月格式 */
.year-month {
font-size: 16px;
color: #333;
font-weight: bold;
display: block;
margin: 10px 0;
}
.year-month::before {
content: "";
display: inline-block;
width: 3px;
height: 10px;
background-color: #333;
margin-right: 5px;
margin-left: -10px;
}
.year-month span {
display: inline-block;
margin-right: 10px;
}
.year-month span:first-of-type {
margin-left: -5px;
}
/* html代碼 */
<p class="year-month"><span>2022</span>年<span>03</span>月</p>
/* 月日格式 */
.month-day {
font-size: 16px;
color: #333;
font-weight: bold;
display: block;
margin: 10px 0;
}
.month-day::before {
content: "";
display: inline-block;
width: 3px;
height: 10px;
background-color: #333;
margin-right: 5px;
margin-left: -10px;
}
.month-day span {
display: inline-block;
margin-right: 10px;
}
.month-day span:first-of-type {
margin-left: -5px;
}
/* html代碼 */
<p class="month-day"><span>03</span>月<span>26</span>日</p>

以上是常用的幾種展示年月日格式的方式,可以根據實際需求進行選擇。