input[type="text"]:enabled {
border: 2px solid #f00;
box-shadow: 0px 0px 5px #f00;
}
border: 2px solid #f00;
box-shadow: 0px 0px 5px #f00;
}
2025-05-29
把圖片路徑改為這個就可以通過
http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg
http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg
2024-08-17
相對定位是相對于自身原有位置進行便宜,仍處于標準文檔流中。局對定位脫離了文檔流,偏移的參照基準是:有已定位的父元素以父元素為基準,無父元素(即無position)的話以<html>為基準。
2024-07-30
:nth-child(n) 是 CSS 偽類選擇器之一,用于選擇元素在其父元素中的位置。這個選擇器允許你選擇作為父元素的直接子元素的第 n 個元素。
:nth-child(n) 中的 n 是一個表示位置的關鍵詞或者表達式。它可以是以下的一些值:
關鍵詞:比如 odd(奇數)或者 even(偶數),選擇對應的位置。
表達式:比如 2n(選擇偶數位置)、2n+1(選擇奇數位置)等,這些表達式可以匹配對應位置的元素。
:nth-child(n) 中的 n 是一個表示位置的關鍵詞或者表達式。它可以是以下的一些值:
關鍵詞:比如 odd(奇數)或者 even(偶數),選擇對應的位置。
表達式:比如 2n(選擇偶數位置)、2n+1(選擇奇數位置)等,這些表達式可以匹配對應位置的元素。
2023-12-26
這樣直接就是刪除了首尾分割線的結果
.nav li+li:after
{
content: '';
position: absolute;
height:20px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
.nav li+li:after
{
content: '';
position: absolute;
height:20px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
2022-04-24
background-image:linear-gradient(to top left,red,orange,yellow);
2021-08-30
background-clip:padding-box 內填充區域 哦
content-box -> 內容區域
content-box -> 內容區域
2021-06-18
.wrapper span {
display:block;
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
transform:skewX(-45deg);
}
這樣改在這里是正確的的,但是在visual code上顯示不出來
display:block;
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
transform:skewX(-45deg);
}
這樣改在這里是正確的的,但是在visual code上顯示不出來
2021-04-27
/*使用偽元素制作導航列表項分隔線*/
.nav li:not(:first-child):before{ content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
.nav li:not(:first-child):before{ content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
2021-04-14
//使用偽元素制作導航列表項分隔線
.nav li:before{
content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
//刪除第一項和最后一項導航分隔線
.nav li:first-child:before{
content:none;
}
.nav li:before{
content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
//刪除第一項和最后一項導航分隔線
.nav li:first-child:before{
content:none;
}
2021-04-14