Kunyorera HR (Horizontal Rule) Tag

Kuita migwagwa inotarisa inotarisa pamapeji ewebhu neTAT tags

Kana iwe uchida kuwedzera zvakananga, mararamiro-mavara mavara kune mawebsite, une zvishoma zvingasarudzwa. Iwe unogona kuwedzera mafaira emifananidzo chaiyo emitambo iyi kune peji rako, asi izvo zvinoda kuti musikana wako awane zvakare uye atakure mafaira aya, izvo zvingava nemigumisiro yakaipa pakuita kwewebsite.

Iwe unogona kushandisa CSS muganhu pfuma yekuwedzera miganhu iyo inogadzirisa mitsetse iri kumusoro kana pasi kwechimwe chinhu, nekugadzirisa kusimbisa iwe separatorator line.

Pakupedzisira, unogona kushandisa HTML chinhu chekutonga kwakakwana - the

The Horizontal Rule Element

Kana iwe wakamboisa chimwe chinhu pane peji yewebhu, iwe wakave wakaona kuti nzira isina kutongerwa iyo mitsara inoratidzwa haina kunaka. Izvi zvinoreva kuti iwe unoda kutendeukira kuCSS kuti uchinje kuonekwa kwezvinhu zvinoonekwa zvezvinhu izvi kuti zvienderane nekuti iwe unoda sei nzvimbo yako kuti ione.

Chinhu chinokosha cheHR chinoratidzirwa nenzira iyo browser inoda kuiratidza nayo. Mazuva ano vashandisi vemazuva ano vanoratidzira mavara e-HR asinganyengeri nehupamhi hwe100%, kureba kwe2px, uye muganhu weD 3D muusiya kuti uite mutsetse.

Heino muenzaniso wehutachiona hweH HR kana kuti unogona kuona mumufananidzo uyu kuti munhu asina kusvibiswa HR anotarisa mumashambadziro emazuva ano.

Kureba uye Kukwidzika kwakabatana kune vose vanofambisa

Iyo michina chete iyo inowirirana kune yese web browsers ihwo hupamhi netsika. Izvi zvinotsanangura kuti mutezo uchava mukuru sei. Kana iwe usingarevi upamhi uye hupamhi hutsika hwusingaverengeki ndewe 100% uye kusatidzika kwakakwirira kuri 2px.

Mumuenzaniso uyu upamhi huwandu huwandu hwe50% hwechikamu chemubereki (cherechedzai mienzaniso iri pasi apa yose inosanganisira mitambo inowanikwa.) Mugadziriro yekugadzira, maitiro aya anganyora kunyorwa mune imwe kunze pepa pepaji kuti unyatsogadzirisa kutarisira mumapeji ako ose):

style = "width: 50%;">

Uye mumuenzaniso uyu kukwirira kuri 2em:

chimiro = "urefu: 2m;">

Kuchinja Miganhu Kunogona Kuoma

Mumafurusisi emazuva ano, shanduro inovaka mutsara nekugadzirisa muganhu. Saka kana iwe ukabvisa muganhu nemufananidzo weimba, mutsetse uchapera pajiji. Sezvaunogona kuona (zvakanaka, hauzooni chinhu, semitsara ichave isingaoneki) mumuenzaniso uyu:

chimiro = "muganhu: hapana;">

Kugadzirisa muganhu, mavara, uye mararamiro zvichaita kuti mutsara uonekwe uye unogadzirisa zvakafanana mumashamba ese emazuva ano. Somuenzaniso, mukuratidzwa uku muganhu wakatsvuka, wakasvibiswa, uye 1px yakareba:

chimiro = "muganhu: 1px yakasviba # 000;">

Asi kana ukashandura muganhu uye yakakwirira, maitiro anotarisa zvakasiyana zvakanyanya mumadhevhiya akawandisa kupfuura zvaanoita mumashambadziro emazuva ano. Sezvaunogona kuona mumuenzaniso uyu, kana iwe ukaiona muIE7 uye pasi (browser iyo yakapera nguva uye haisisiri kutsigirwa neMicrosoft) mune mutsara wemukati usina kuiswa mune mamwe ma browsers (kusanganisira IE8 uye kumusoro) :

chimiro = "kureba: 1.5em; kuwedzera: 25em; muganhu: 1px solid # 000;">

Vaya vekare vashandurwe havasi kunyanya kunetseka mukushandirwa kwewebhu nhasi, sezvo vakanyatsoshandiswa nekusarudzwa kwemazuva ano.

Ita Rwendo Rwokukomba neCheto Image

Panzvimbo pevara, iwe unogona kutsanangura chimiro chemukati cheH HR yako zvokuti inotarisa chaizvo sezvaunoda, asi ichiri kuratidza semantically mu markup yako.

Mumuenzaniso uyu takashandisa mufananidzo uri wemitambo mitatu yavy. Kana ukaisa sechifananidzo chekare uye usingazodzokorori, inoguma muzvinyorwa zvinotarisa zvakafanana nezvamunoona mumabhuku:

chimiro = "kureba: 20px; mutsara: #fff url (aa010307.gif) hapana-kudzokorora mupumburu wepakati; muganhu: hapana;">

Kuchinja HR Elements

NeCSS3, unogonawo kuita kuti mitsetse yako inakidze. The HR element inowanzoita mutsara wakakwana , asi neCSS inochinja pfuma, unogona kuchinja maonero avanoita. Kushandurwa kwaidiwa pamusoro peH HR element ndiko kuchinja kushanduka.

Iwe unogona kuchinja yako HR element kuitira kuti ichangobva kuenzanirana:

hr {
-moz-shanduko: rotate (10deg);
-webkit-shanduka: shandura (10deg);
-o-shanduka: rotate (10deg);
-ms-shanduka: rotate (10deg);
shandura: rotate (10deg);
}

Kana iwe unogona kuchinja kuti zvive zvakajeka zvakakwana:

hr {
-moz-shanduko: rotate (90deg);
-webkit-shandura: shanduka (90deg);
-o-shanduka: rotate (90deg);
-ms-shanduka: rotate (90deg);
shandura: rotate (90deg);
}

Yeuka kuti izvi zvinotenderera HR zvichienderana nenzvimbo yaro ikozvino mumagwaro, kuitira kuti iwe unogona kuchinja kugadzirisa kuti uwane kwaunoda. Izvo hazvikurudziri kushandisa izvi kuwedzera mitsetse yakananga kune yakagadzirirwa, asi inzira yekuwana inonakidza.

Imwe Nzira Yokuwana Mitsara Pamapeji Ako

Chimwe chinhu icho vamwe vanhu vanoita panzvimbo pokushandisa HR element ndeyekuvimba nemiganhu yezvimwe zvinhu. Asi dzimwe nguva HR inowedzera zviri nyore uye iri nyore kushandisa pane kuedza kuisa miganhu. Bhokisi rinoshandiswa pane mamwe ma browsers rinogona kugadzirisa muganhu kunyange wakaoma.