CSS插入原點(diǎn)是網(wǎng)頁設(shè)計(jì)中常用的一種技巧，通過使用 :before 或 :after 選擇器來插入一個(gè)點(diǎn)或其他形狀，為網(wǎng)頁增添美感和靈活性。下面介紹兩種插入原點(diǎn)的代碼實(shí)現(xiàn)。

/* 第一種：插入圓點(diǎn) */
.example:before{
content:"●";
color:#f00;
font-size:20px;
padding-right:5px;
}

上述代碼中，我們通過在目標(biāo)元素的 ::before 偽元素中插入 content 屬性的值 "●" 來創(chuàng)建了圓點(diǎn)。通過 color 屬性可以改變圓點(diǎn)的顏色，通過 font-size 屬性可以改變圓點(diǎn)的大小，而 padding-right 屬性則可以讓圓點(diǎn)與目標(biāo)元素之間有一定的間隔。

/* 第二種：插入三角形 */
.example:after{
content:"";
border-style:solid;
border-width:10px 10px 0;
border-color:#f00 transparent;
display:block;
width:0;
height:0;
position:absolute;
bottom:-10px;
right:0;
}

第二種實(shí)現(xiàn)方式則是通過在目標(biāo)元素的 ::after 偽元素中設(shè)置 border 屬性來創(chuàng)建一個(gè)等腰三角形。通過設(shè)置 border-color 屬性可以改變?nèi)切蔚念伾ㄟ^ border-width 可以改變?nèi)切蔚拇笮『托螤睿?bottom 和 right 屬性則可以讓三角形的位置和目標(biāo)元素進(jìn)行相對(duì)定位。

以上是兩種常見的 CSS 插入原點(diǎn)技巧，可以用于各種網(wǎng)頁設(shè)計(jì)。同學(xué)們可以靈活運(yùn)用，為自己的網(wǎng)頁增添美感和個(gè)性。