Jadwala ya Kufungua

Mafunzo ya Mwili wa CSS

• Mafunzo ya CSS
• Kivutia cha CSS
• Majadiliano ya CSS
• Muhtasari wa Chaguo cha CSS
• Tukio cha CSS
• Kutumia Kivutia cha CSS
• Marejeo ya Kivutia cha CSS
• Marejeo ya RGB cha Kivutia cha CSS
• Marejeo ya HEX cha Kivutia cha CSS
• Marejeo ya HSL cha Kivutia cha CSS
• Mabaki ya Kivutia cha CSS
• Mabaki ya Sana ya Kivutia cha CSS
• Ukafikia wa Mabaki ya Kivutia cha CSS
• Kusaidia wa Mabaki ya Kivutia cha CSS
• Mafanikio ya Mabaki ya Kivutia cha CSS
• Mabaki ya Kifungu
• Ukubwa wa Mabaki ya Kifungu
• Marejeo ya Kifungu
• Mabaki ya Kifungu ya Kichwa cha Kifungu
• Mafanikio ya Mabaki ya Kifungu
• Mabaki ya Kifungu ya Kivulivu
• Mabaki ya Kivulivu
• Kufikia wa Mabaki ya Kivulivu
• Mabaki ya Kivulivu ya Nje
• Ukubwa na Urefu wa CSS
• Mfumo wa Kivulivu
• Mabaki ya Kivulivu
• Ukubwa wa Mabaki ya Kivulivu
• Marejeo ya Mabaki ya Kivulivu
• Mafanikio ya Mabaki ya Kivulivu
• Kusaidia wa Mabaki ya Kivulivu
• Mabaki ya Kivulivu
• Utuambuliko wa Mabaki ya Kivulivu
• Tukio cha Mabaki ya Kivulivu
• Matukio ya Mabaki ya Kivulivu
• Ukubwa wa Kivulivu wa Njia ya Kufikia
• Mabaki ya Kivulivu ya Njia ya Kufikia
• Mabaki ya Kifamizi
• Marejeo ya Kifamizi
• Ukubwa wa Kifamizi
• Kifamizi cha Google
• Mafanikio ya Kifamizi
• Mabaki ya Kifamizi
• Mabaki ya Kifungu
• Mabaki ya Orodha
• Mabaki ya Taarifa

Mafunzo ya Kiwango cha Kati cha CSS

• Display cha CSS
• max-width cha CSS
• Mkikilio cha CSS
• z-index cha CSS
• Kupita kwa ukosefu cha CSS
• Mfupaji wa CSS
• Kumtaja mchumba wa CSS
• Mfumo wa Kuchagua Mabaki ya Kifungu - Mfano wa Uvuio
• inline-block cha CSS
• Kilabasho cha CSS
• Mchambua wa CSS
• Muhtasari wa Kivutia cha Kifungu
• Muhtasari wa Mabaki ya Kivutia cha Kifungu
• Muhtasari wa Uharibifu wa Kivutia cha Kifungu
• Muhtasari wa Barua za Kuchagua Mabaki ya Kifungu
• Muhtasari wa Barua za Kuchagua Mabaki ya Kifungu za Kivulivu
• Muhtasari wa Barua za Kuchagua Mabaki ya Kifungu za Kivulivu
• Muhtasari wa Chagua ya Kuchagua Mabaki ya Kifungu
• Muhtasari wa Kusanya Picha
• Muhtasari wa Kusanya Sana ya Picha
• Muhtasari wa Chaguo cha Kifungu cha Kifanikio
• Muhtasari wa Taarifa za Kifungu
• Muhtasari wa Kina cha Kifungu
• Muhtasari wa Muundo wa Tovuti
• Muhtasari wa Viwango ya Kifungu
• Muhtasari wa Kifanikio cha Kifungu
• CSS !important
• Muhtasari wa Mafanikio ya Sifuri ya Kifungu

Makini wa Mafunzo ya CSS3

• Muhtasari wa Kivulivu cha Kifungu
• Muhtasari wa Sana ya Kivulivu ya Kifungu
• Mabaki ya Kivutia cha CSS
• Marejeo ya Kivutia cha CSS
• Muhtasari wa Kivutia cha Kifanikio
• Muhtasari wa Kivulivu
• Muhtasari wa Kivulivu cha Kivulivu
• Muhtasari wa Kivulivu
• Muhtasari wa Kivulivu cha Kifungu cha Kivulivu
• Muhtasari wa Kivulivu ya Kivulivu
• CSS Mengine wa kifupi
• CSS 2D Kuchukuzaji
• CSS 3D Kuchukuzaji
• CSS Kuchukuzaji wa Mfupi
• CSS Animation
• CSS Tooltip
• CSS Mifano ya Picha
• CSS object-fit
• CSS object-position
• CSS Kifupi
• CSS Mabaki
• CSS Tazama ya Mawingu
• CSS Mawingu ya Kifupi
• CSS User Interface
• CSS Variables
• CSS Cover Variables
• CSS 变量 - JavaScript
• CSS 变量 - 媒体查询
• CSS @property
• CSS Box Sizing
• CSS Flexbox
• CSS Media Queries
• Mfano wa CSS Media Queries

CSS 响应式设计

• RWD 简介
• RWD 视口
• RWD 网格视图
• RWD 媒体查询
• RWD 图像
• RWD 视频

CSS 网格教程

• Moduli ya Mawingu ya CSS
• Container ya Mawingu ya CSS
• Project ya Mawingu ya CSS

Mfano wa CSS

• Mfano wa CSS

Muungano wa CSS

• Muungano wa CSS

Kitabu cha Mwongozo cha CSS

• Kitabu cha Mwongozo cha CSS
• Mwongozo wa Browser ya CSS
• Muhtasari wa Chaguo cha CSS
• Funguo ya CSS
• Muhtasari wa Viwango ya Kifungu
• CSS Audio
• Font ya Kifupi ya Mtafitiko
• CSS Animation
• Muhtasari wa Viwango ya Kifungu
• Marejeo ya Kivutia cha CSS
• Wadhihio wa CSS
• Wadhihio wa Chaguo cha CSS
• Entity ya CSS

选修课

课程推荐：

• Box of Treasures wa CodeW3C.com

CSS border-image 属性

CSS border-image 属性允许您指定要使用的图像，而不是包围普通边框。

该属性有三部分：

• Picha inayotumiwa kama kifungu
• Kama kina kina cha picha
• Inadai kama kati ya picha inaitwa kurejea au kuelekea:

Tunategemea picha hii ("border.png")

border-image Mafanikio hupata picha, inasikia nne na inasababisha kina kina kama chama cha mchezo. Kisha inapangia kina kina kwa kuzingatia muundo wako. Kisha inarejea kati ya picha kwa uwezo wako.

Ujumbe:Kuwaingia border-image Inafaa, hiki elementi hauwezi kuwaingia kwa sababu inahitaji kuwaingia: border Mafanikio!

Hapa, kipicha cha kati kinachopita tena ili kumekua kifungu:

Hii ni kipindi:

Mifano

#borderimg {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(border.png) 30 round;
}

Jifunze tena

Hapa, kati ya picha inaweza kuenea ili kumekua kifungu:

Hii ni kipindi:

Mifano

#borderimg {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(border.png) 30 stretch;
}

Jifunze tena

Mwema:border-image Mafanikio hayo ni mabaki ya mafanikio mengine:

• border-image-source
• border-image-slice
• border-image-width
• border-image-outset
• border-image-repeat

CSS border-image - matokeo ya kufungua kina kina

Matokeo ya kufungua kina kina inaweza kubadilisha muhita wa kifungu kote:

Mifano 1:

Mifano 2:

Mifano 3:

Hii ni kipindi:

Mifano

#borderimg1 {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(border.png) 50 round;
}
#borderimg2 {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(border.png) 20% round;
}
#borderimg3 {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(border.png) 30% round;
}

Jifunze tena

Mafanikio ya picha ya kifungu cha CSS

Box of Tools

Kitabu cha Mwongozo cha CSS

Mfano wa CSS

Muungano wa CSS

Kitabu cha Kifupi cha CSS

Viungo vya Mwongozo