Начало - CSS - Как да си направим текста на прозрачен фон
Добър вечер приятели. Искам да ви напомня, че преди вас и изучавах непрозрачност имота. с помощта на който поиска елементи за прозрачност. Но за този имот, ние не се получи да се реализира, например, такава задача: да направи текста на прозрачен фон. Като пример, в днешния урок, който ще изпълнява тази задача. За да се реши този проблем, ние се нуждаем фона на CSS собственост. Той предоставя възможност за задаване на цвета на фона RGB формат. и RGBA. Ако не знаете, а след това, R - е отговорен за червения компонент, г - зелено, б - синьо. И такса алфа канал. с който можете да настроите прозрачността. Т.е. това ще бъде достатъчно, за да посочите тези ценности, а ние изпълняваме нашата задача. Да започнем например.
Текст с прозрачен фон
Остава да напиша няколко реда CSS стилове и всичко е готово.
блок <
фон. RGBA (100, 50, 70, 0.1);
височина. 100px;
ширина. 250px;
>
Всички реализация на нашата задача е завършена. Както можете да видите, ние сме създали една пресечка, поставяте текста ал.
С помощта на стилове определено фиксирано ширина и височина за него, успя да изравни текстов блок център и попита фон собственост. което показва алфа канал и по този начин текста остава непрозрачен, за разлика от това, ако се използва непрозрачност свойството да ни единица.
Ето един доста кратък, ние получаваме един урок, но и аз осъзнах, доста популярна задача. С това аз казвам сбогом на вас преди заседанието.
5-новите свежи статии:
Здравейте скъпи приятели, днес ще учат с вас още една тема, посветена на езика CSS. И да се науча как да се приложи пояснения относно CSS.
Днес ще разгледаме още една възможност, която ни дава на CSS3, а именно говорим за цел псевдо-класовете. това, което е, ние може да се наложи и да се разгледат един от най-популярните начини за неговото прилагане.
Свързани статии