Як усталяваць малюнак у якасці фону для табліцы

Выкарыстоўвайце CSS ўласцівасці фону, каб дадаць фонавы малюнак для табліц

Дифференцируя табліцы з іх паходжання дапамагае падкрэсліць ўтрыманне табліцы ў адносінах да ўсяго іншага на вэб-старонцы. Для дадання фону табліцы, вам трэба наладзіць каскадныя табліцы стыляў (CSS) , якія падтрымліваюць вэб - старонку.

Пачатак

Лепшы спосаб дадаць фонавы малюнак для табліцы, каб выкарыстоўваць CSS фонавага ўласцівасці. Для таго, каб падрыхтаваць сябе, каб эфектыўна пісаць CSS і пазбегнуць нечаканых збояў дысплея, адкрыць фонавы малюнак і зрабіць адзнаку вышыні і шырыні.

Затым загрузіце малюнак на свой хостынг-правайдэр. Праверце URL для малюнка; адна з найбольш распаўсюджаных прычын, чаму карцінкі не адлюстроўваюцца, таму што ёсць памылка друку ў URL.

Пасля таго, як вы скончылі гэты крок, паставіць блок стыляў CSS у галаве дакумента:

<Тып стыль = "тэкст / CSS">

1. Напісаць CSS для фону на працоўным стале і пакласці яго ўнутры блока стылю:

   табліца {фон: URL ( «URL да выявы») не паўтараць; }

2. Змесціце табліцу ў HTML:

   <Табліца>
   
   клеткі 1
   вочка 2
   
   
   клеткі 1
   вочка 2
   
   

3. Усталюйце шырыню і вышыню стала, каб адпавядаць шырыні і вышыні малюнка.

   <Табліцы стыль = "шырыня: 400px, вышыня: 500px;"> ...

Калі змесціва табліцы больш, чым вышыня і шырыня выявы, фонавы малюнак будзе адлюстроўвацца толькі адзін раз.

Пакладзеце фон на адной табліцы

Прыведзеныя вышэй інструкцыі будуць ўсталёўваць адзін і той жа фонавы малюнак на кожнай табліцы на гэтай старонцы.

Калі вы хочаце паставіць фон на толькі для пэўных табліц, неабходна выкарыстоўваць атрыбут класа.

1. Зменіце CSS наступным чынам:

   table.background {фон: URL ( "URL да малюнка") не паўтараць; }

2. Дадайце клас фон у любую табліцу вы хочаце мець , што фонавы малюнак. Усталюйце шырыню і вышыню для гэтых табліц.

   <Клас = "фон" стыль табліцы = "шырыня: 400px, вышыня: 500px;> ...

Хай фон табліцы Паўтор малюнка

Вялікія табліцы або табліцы з вялікім утрыманнем, магчыма, спатрэбіцца мець фонавы паўтарэнне так, што запаўняецца ўся табліца. Зменіце значэнне ў вашым CSS так, што малюнак паўтараецца па восі у, х-восі, або дахоўкай на абодвух.

фон: URL ( "URL да малюнка") паўтарэнне;

Па змаўчанні значэння паўтору будзе чарапіца, але вы таксама можаце ўсталяваць значэнне паўтору, каб паўтарыць-й або паўтор у забрукаваць па гарызанталі ці па вертыкалі, адпаведна.

Колеру фону вочак табліцы Блок фонавага малюнка

Любыя колеру фону , устаноўленыя на вочках табліцы будуць перакрываць фонавы малюнак на стале. Так што будзьце асцярожныя пры выкарыстанні колеру фону на вашы клеткі ў спалучэнні са сталом фонавых малюнкаў.

меркаванні

Табліца фон будзе ўсталяваць вашыя табліцы асобна ад асноўнай старонкі. Тым не менш, падумайце двойчы, перш чым выкарыстоўваць гэтую тэхніку. Устаўка нейтральнага выявы не можа быць адцягваюць, але складаныя карціны , прызначаныя быць сімпотнымі (напрыклад, ўставіць малюнак кацяняці за сталом , якія паказваюць жывёламі усынаўленняў) можа з'явіцца непрафесійнымі і можа паўплываць на чытальнасць таблічных дадзеных .

Любы малюнак, якое вы выкарыстоўваеце, павінна быць належным чынам ліцэнзаваны; толькі таму, што вы можаце знайсці фота ў Інтэрнэце не азначае, што вы можаце прысвоіць яго для ўласнага выкарыстання.

Паважайце аўтарскія правы!