HTML+CSS تېخنىكىسى

css ئارقىلىق ئاددىي قىر چىقىرىش ئۇسۇلى

ماقالە مۇندەرىجىسى

css نىڭ ئۆزىدە بار بولغان webkit-border-radius ،moz-border-radius فونكىسىيەسى ئارقىلىق قىر چىقارساق ناھايىتى ئاسانلا مەقسىتىمىزگە يېتەلەيمىز، ئەمما IE قاتارىدىكى بىر قانچە توركۆرگۈ بۇ فۇنكىسىيە قوللىمايدۇ، بەزىلەر js ئارقىلىق بۇ ئىقتىدارنى ھەل قىلغان، ئەمما مەن js ئىشلىتىشنى ئانچە ياقتۇرۇپ كەتمەيمەن، شۇڭا بىز css ئارقىلىقلا بۇ مەسىلىنى ھەل قىلايلى.

Html قىسىمى:

class="bim212">

class="bim-t">
class="bim-tt">

class="bim-tm">

class="bim-tb">




class="bim-m">
测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字



class="bim-b">
class="bim-bt">

class="bim-bm">
class="bim-bb">


css قىسىمى:

.bim212{
/*定义框大小*/
width:auto;
height:auto;
}
.bim-tt,.bim-bb,.bim-tm,.bim-bm,.bim-tb,.bim-bt,.bim-m{
/*定义框颜色*/
border-color:#FF6347;
}
.bim-t,.bim-b{
/*上部和下部*/
width:auto;
height:4px;
font-size:0;
line-height:0;
}
.bim-tt,.bim-bb{
width:auto;
height:0;
margin:0 4px;
border-top-width:1px;
border-top-style:solid;
}
.bim-tm,.bim-bm{
width:auto;
height:1px;
margin:0 2px;
border-left-width:2px;
border-right-width:2px;
border-left-style:solid;
border-right-style:solid;
}
.bim-tb,.bim-bt{
width:auto;
height:2px;
margin:0 1px;
border-left-width:1px;
border-right-width:1px;
border-left-style:solid;
border-right-style:solid;
}
.bim-m{
width:auto;
height:auto;
padding:3px;
border-left-width:1px;
border-right-width:1px;
border-left-style:solid;
border-right-style:solid;
}

يۇملاق قىر ھاسىل قىلىش تورى

spiffycorners.com

مەزكۇر يازمنىڭ خەتكۈچى ، ، بىلەن مۇناسىۋەتلىك يازمىلار



4 باھا يېزىلىپ بوپتۇغۇ؟ سىزلا يازمىغان ئوخشايسىز ...

  • huxhuy | 01:52 | 2012.04.13 جاۋاب

    بۇ كود بىلەن نېمىنىڭ قىرىنى چىقىرىدىغاندۇ؟ تەپسىلىرەك چۈشەنچە بولغان بولسا-ھە!

    • پرېستان | 07:43 | 2012.04.13 جاۋاب

      圆角 دىمەكچى…

  • بىرھون | 19:07 | 2012.10.2 جاۋاب

    چاتاق يېرى بىلوگىمغا كىرىدىغانلارنىڭ 85 پېرسەنتى IE ئىشلىتىدىكەن. مەنمۇ مۇشۇ يۇمىلاق بۇلۇڭلۇق CSS تىزىملىك قوشقان، ئەمما 85 پېرسەنت ئادەمگە ۋاڭ كەمپىرنىڭ كەپىسىدەك تۆت چاسا كۆرۈنىدىكەن ئەمەسمۇ!

    • پرېستان | 21:08 | 2012.10.2 جاۋاب

      بۇ خىل ئۇسۇلدا IE دىمۇ نورمال كۆرۈنىدۇ. مەنغۇ IE غا قاراپمۇ قويمايدىغان بولدۇم.
      PS: باش سۈرئىتىڭىز ئۇيغۇربەگنىڭكىگە ھەجەپ ئوخشايدىكەن.

باھا يوللاش (قەلب سۆزلىرىڭىزدىن قالدۇرۇپ كىتىڭ)


icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif


2010-2015 Prestan Blog Beta. Powered by ordPress . Theme by Prestan.