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
把圖片路徑改為這個(gè)就可以通過
http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg
http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg
2024-08-17
相對(duì)定位是相對(duì)于自身原有位置進(jìn)行便宜,仍處于標(biāo)準(zhǔn)文檔流中。局對(duì)定位脫離了文檔流,偏移的參照基準(zhǔn)是:有已定位的父元素以父元素為基準(zhǔn),無父元素(即無position)的話以<html>為基準(zhǔn)。
2024-07-30
:nth-child(n) 是 CSS 偽類選擇器之一,用于選擇元素在其父元素中的位置。這個(gè)選擇器允許你選擇作為父元素的直接子元素的第 n 個(gè)元素。
:nth-child(n) 中的 n 是一個(gè)表示位置的關(guān)鍵詞或者表達(dá)式。它可以是以下的一些值:
關(guān)鍵詞:比如 odd(奇數(shù))或者 even(偶數(shù)),選擇對(duì)應(yīng)的位置。
表達(dá)式:比如 2n(選擇偶數(shù)位置)、2n+1(選擇奇數(shù)位置)等,這些表達(dá)式可以匹配對(duì)應(yīng)位置的元素。
:nth-child(n) 中的 n 是一個(gè)表示位置的關(guān)鍵詞或者表達(dá)式。它可以是以下的一些值:
關(guān)鍵詞:比如 odd(奇數(shù))或者 even(偶數(shù)),選擇對(duì)應(yīng)的位置。
表達(dá)式:比如 2n(選擇偶數(shù)位置)、2n+1(選擇奇數(shù)位置)等,這些表達(dá)式可以匹配對(duì)應(yīng)位置的元素。
2023-12-26
這樣直接就是刪除了首尾分割線的結(jié)果
.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
div:not([id="footer"]){
background: orange;
}
background: orange;
}
2021-08-31
background-image:linear-gradient(to top left,red,orange,yellow);
2021-08-30
background-clip:padding-box 內(nèi)填充區(qū)域 哦
content-box -> 內(nèi)容區(qū)域
content-box -> 內(nèi)容區(qū)域
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
/*使用偽元素制作導(dǎo)航列表項(xiàng)分隔線*/
.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
//使用偽元素制作導(dǎo)航列表項(xiàng)分隔線
.nav li:before{
content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
//刪除第一項(xiàng)和最后一項(xiàng)導(dǎo)航分隔線
.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;
}
//刪除第一項(xiàng)和最后一項(xiàng)導(dǎo)航分隔線
.nav li:first-child:before{
content:none;
}
2021-04-14