Me pehea te Tautuhi i tetahi Atahanga hei Papamuri mo te Ripanga

Whakamahia te taiao o te CSS hei taapiri i te papamuri ki nga ripanga

Ko te rereketanga o nga ripanga mai i o raanei e awhina ana ki te whakauru i nga ihirangi o te ripanga e pa ana ki nga mea katoa kei te pae tukutuku. Hei taapiri i tetahi papanga papa, ka hiahia koe ki te whakatairanga i te pepa kāhua (CSS) e tautoko ana i tō whārangi tukutuku.

Tīmatahia

Ko te huarahi pai ki te whakauru i tetahi ahua papamuri ki te tepu ko te whakamahi i te rawa o te tuhinga CSS. Hei whakarite ia koe ki te tuhi tika i te CSS me te karo i nga whakaata whakaatu kore, ka tuwhera i to pikitia papamuri me te tuhi i te kounga me te whanui.

Na ka tuku to pikitia ki to kaiwhakarato manaaki. Tohua te URL mo te ahua; tetahi o nga take tino nui kaore e whakaatuhia ana e nga whakaahua, no te mea kei roto i te URL tetahi momo.

I muri i to taahiraa i te taahiraa, a tuu i te hoк tahua aamu CSS i te upoo o ta oe buka:

1. Tuhia tō CSS mō te papamuri i runga i tō ripanga, ka maka ki roto i te poraka kāhua:

   te ripanga [background: url (" URL ki te ahua ") kaore ano kia tukurua; }

2. Tuhia to papa ki te HTML:

   
   pūtau 1
   cell 2
   
   
   pūtau 1
   cell 2
   
   

3. Tautuhia te whanui me te teitei o te tepu hei whakarite i te whanui o te whakapakoko me te teitei.

   whanui: 400px; teitei: 500px; "> ...

Mena he nui ake nga ihirangi o te ripanga i te teitei o te whakapakoko me te whanui, ka whakaaturia anake te ahua papamuri kotahi.

Whakamahia he Papamuri i te Ripanga kotahi

Ko nga tohutohu i runga ake ka tautuhi i te ahua papamuri i runga i nga tepu i runga i te whaarangi.

Mena ka hiahia koe ki te whakatakoto i te papamuri i runga i nga ripanga motuhake, me whakamahi koe i te huanga o te akomanga.

1. Hurihia to CSS ki te pānui:

   table.background {background: url (" URL ki te ahua ") kore-ano; }

2. Tāpirihia te papanga o te akomanga ki tetahi tepu e hiahia ana koe ki te whai i taua pikitia. Tautuhia te whanui me te teitei mo aua papa.

   = " taipitopito " style = "whanui: 400px; teitei: 500px;> ...

Waihotia te Whakaahua Ata Whakaahua

He nui atu nga ripanga, nga ripanga ranei he nui atu nga korero, ka hiahiatia kia whai korero ano te korero mo te katoa o te ripanga. Hurihia te uara i roto i to CSS kia taapiri ai te whakapakoko ki te axis-y, te x-axis, ka peahia ranei i runga i te rua.

muri: url (" URL ki te ahua ") whakahou ;

Ma te taunoa ka taraihia te uara tautuhi, engari ka taea ano e koe te tautuhi i te uara ki te whakahou-x, ki te repe-y ranei ki te tile ki te taatai, ki te poutai ranei.

Ngā Tae Papamuri Pūtau Poraka te Atahanga Papamuri Ripanga

Ko nga karaehe tawhito e tu ana i runga i nga raau ripanga ka whakakorehia te atahanga o te papamuri. Na kia tupato ma te whakamahi i nga tae papamuri i runga i nga ruma e hono ana ki nga whakaahua papanga papa.

Ngā Whakaaro

Ka tuhia e nga papahanga papaa o raatau papaanga mai i te waahanga whaimana. Heoi, whakaarohia i mua i te whakamahi i tenei tikanga. Ko te whakauru i te ahua whakapae kaore pea e raruraru, engari ko nga whakaahua uaua kia whakaarohia (hei tauira, ko te whakauru i te pikitia o te putea i muri i te tepu e whakaatu ana i nga waahanga pepeke ) ka puta he kore mahi, ka whai paanga ki te paanga o te raraunga .

Ko nga ahua katoa e whakamahi ana koe me tika kia raihana; no te mea ka taea e koe te kite i tetahi whakaahua i runga i te Tukutuku kaore e taea e koe te whakaoti i tena waahanga.

Whakaaetia nga mana pupuri!