Как закрасить ячейку в html
Перейти к содержимому

Как закрасить ячейку в html

  • автор:

Как изменить цвета строк в таблице

Имеется таблица, в которой все столбцы имеют свои стили и раскрашены в разные цвета. Каким образом можно «подсветить» некоторые строки таблицы целиком? Т.е. все цвета сделать темнее или светлее, чтобы не писать для подсвеченных строк изменённые стили для каждой колонки.

Отслеживать
задан 6 фев 2015 в 9:34
2,465 3 3 золотых знака 19 19 серебряных знаков 35 35 бронзовых знаков
opacity даёт очень неприятный эффект и делает текст тоже прозрачным и плохочитаемым
6 фев 2015 в 11:05
@Isaev, цвета задавать в RGBA.
6 фев 2015 в 11:44

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Реализуйте полупрозрачность для фона в формате RGBA , то есть если у вас есть чёрный цвет в HEX #000000 , то в формате RGBA это будет (0,0,0,1) , где последняя цифра это полупрозрачность, в стилях данная реализация будет выглядеть вот так:

.class < background-color: rgba(0,0,0,1); >.class.active < background-color: rgba(0,0,0,.5); // Полупрозрачность 50% для фона, не затрагивает текст внутри >

Думаю проблем с передов цвета HEX в RGB не возникнет.

Отслеживать
ответ дан 6 фев 2015 в 11:44
MasterAlex MasterAlex
6,177 1 1 золотой знак 12 12 серебряных знаков 23 23 бронзовых знака

@MasterAlex, это всё я знаю и полупрозрачным 1х1 пиксельным рисунком заливал. Проблемма немного в другом. У нас имеется TR в нём много TD тегов. Если я задаю прозрачность для TR, ничего не меняется, т.к. TD не прозрачные над ним. Получается снова та же проблемма, что нужно иметь дцать прозрачных стилей для столбцов и ещё дцать не прозрачных? Такой подход мне не нравится. Истина где-то рядом и всё как обычно просто)

6 фев 2015 в 12:33
6 фев 2015 в 13:06

@Deonis, тогда мы перекрашиваем всю строку в заданный цвет, а нужно, чтобы цвета сохранялись, просто становились чуть светлее/темнее

6 фев 2015 в 13:25

@Isaev, а расскажите, каким образом у вас задаётся «дцать» непрозрачных стилей для столбцов, а я вам расскажу, что для этих «дцати» стилей нужно «дцать» прозрачных стилей для наведения. Можете, конечно, реализовать добавление прозрачности на JS, но поверьте, это вариант хуже, чем иметь «дцать» стилей.

6 фев 2015 в 13:49

А если вы хотите автоматизировать всё это дело, то можно добавить в проект LESS. В нём есть возможность осветлять цвет с помощью функции lighten, а также можно написать функцию, которая принимает цвет, а на выходе даёт 2 стиля: непрозрачный и прозрачный. но после компиляции на выходе всё равно будет 2 стиля, которые вы не хотите писать руками.

Как закрасить ячейку в Word

Джеймс Маршалл — профессиональный журналист, освещающий вопросы, связанные с технологиями и устранением неполадок компьютеров. Он также имеет опыт работы с Microsoft Word, Apple Pages и другими текстовыми процессорами.

Райан Периан — сертифицированный ИТ-специалист, обладатель множества сертификатов в области ИТ и более 12 лет опыта работы на должностях поддержки и управления в сфере ИТ.

Что нужно знать

  • Новая таблица. Создайте таблицу, перейдите в раздел «Дизайн таблицы» и выберите стиль, размер и цвет границы. Выберите Border Painter, чтобы раскрасить ячейки.
  • Существующая таблица. Щелкните правой кнопкой мыши ячейки, выберите «Границы и заливка» > «Затенение» > «Заливка» и выберите цвет. Выберите «Применить к > ячейке или таблице».
  • Или перейдите на вкладку «Дизайн», выберите «Границы страницы» > «Затенение» > «Заливка» и выберите цвет. Выберите «Применить к > ячейке или таблице».

В этой статье объясняется, как применить цвет фона ко всей таблице или к ее отдельным частям при работе с таблицей в Microsoft Word, как выделить или сделать сложную таблицу более удобной для чтения. Инструкции относятся к Microsoft Word для Microsoft 365, Word 2019, Word 2016, Word 2013 и Word 2010.

Добавить таблицу с заливкой

Чтобы создать новую таблицу и раскрасить ее перед вводом в нее данных:

На ленте перейдите на вкладку «Вставка» и выберите стрелку раскрывающегося списка «Таблица».

Перетащите курсор по сетке, чтобы выбрать количество строк и столбцов в таблице.

На вкладке «Макет таблицы» выберите стиль, размер и цвет границы.

Нажмите стрелку раскрывающегося списка «Границы» и выберите границы, которые вы хотите применить. Или выберите Border Painter, чтобы нарисовать в таблице, чтобы указать, какие ячейки должны быть окрашены.

Добавление цвета в таблицу с помощью границ и заливки

Чтобы отформатировать существующую таблицу с помощью цвета фона:

Выделите ячейки, которые вы хотите закрасить цветом фона. Используйте клавишу Ctrl для выбора несмежных ячеек.

Щелкните правой кнопкой мыши одну из выделенных ячеек.

Выберите «Границы и заливка».

Выберите вкладку «Затенение».

Нажмите стрелку раскрывающегося списка «Заливка», чтобы открыть цветовую диаграмму, затем выберите цвет фона.

Нажмите стрелку раскрывающегося списка «Стиль», затем выберите процент оттенка или узор выбранного цвета.

Выберите стрелку раскрывающегося списка «Применить к», затем выберите «Ячейка», чтобы применить выбранный цвет только к выделенным ячейкам. Или выберите «Таблица», чтобы заполнить всю таблицу фоновым цветом.

Добавить цвет с помощью вкладки «Дизайн границ страницы»

Чтобы использовать вкладку «Дизайн» для добавления любого цвета в таблицу:

Выделите ячейки таблицы, к которым вы хотите применить цвет фона.

Выберите вкладку «Дизайн».

В группе «Фон страницы» выберите «Границы страницы».

Выберите вкладку «Затенение».

Нажмите стрелку раскрывающегося списка «Заливка», затем выберите цвет из таблицы цветов.

Нажмите стрелку раскрывающегося списка «Стиль», затем выберите процент оттенка или узор.

Нажмите стрелку раскрывающегося списка «Применить к» и выберите «Ячейка», чтобы добавить оттенок фона к выбранным ячейкам. Или выберите «Таблица», чтобы заполнить всю таблицу фоновым цветом.

Word для Microsoft 365 Outlook для Microsoft 365 PowerPoint для Microsoft 365 Word 2021 Outlook 2021 PowerPoint 2021 OneNote 2021 Word 2019 Outlook 2019 PowerPoint 2019 Word 2016 Outlook 2016 PowerPoint 2016 OneNote 2016 OneNote для Microsoft 365 Word 2013 Outlook 2013 PowerPoint 2013 OneNote 2010 Outlook 2007 Подробнее. Меньше

Добавление затенения к таблице может помочь выделить определенные строки, столбцы или ячейки или всю таблицу в документе. Самый простой способ добавить к таблице цветное затенение — использовать меню Затенение.

Добавить затенение к таблице

Выберите ячейки, которые хотите изменить.

Чтобы выбрать всю таблицу, нажмите на таблицу, а затем нажмите на маркер перемещения таблицы в левом верхнем углу.

Чтобы выбрать строку, столбец, ячейку или группу ячеек, щелкните и перетащите указатель мыши, чтобы выделить нужные ячейки.

На вкладке «Дизайн инструментов для работы с таблицами» (вкладка «Макет таблиц» в OneNote) откройте меню «Затенение».

В разделе «Цвета темы» или «Стандартные цвета» выберите нужный цвет заливки. Или, чтобы получить дополнительные параметры цвета, нажмите «Другие цвета». Дополнительные сведения о диалоговом окне «Цвета» см. в разделе «Выбор цветов в диалоговом окне «Цвета».

Меню затенения

Меню «Затенение» в PowerPoint предлагает несколько дополнительных параметров:

Пипетка Щелкните любой цвет на слайде, чтобы применить этот цвет к выбранной ячейке или ячейкам.

Изображение Выберите любое изображение на своем компьютере или в Интернете, чтобы добавить его в выбранную ячейку или ячейки.

Градиент Залейте выбранную ячейку или ячейки одним из нескольких встроенных градиентов или создайте собственный градиент.

Текстура Заполните выбранную ячейку или ячейки одной из нескольких встроенных текстур или создайте собственную текстуру.

Фон таблицы. Быстро примените цвет или изображение к фону всей таблицы.

Удалить заливку из таблицы

Выберите ячейки, которые хотите изменить.

Чтобы выбрать всю таблицу, нажмите на таблицу, а затем нажмите на маркер перемещения таблицы в левом верхнем углу.

Чтобы выбрать строку, столбец, ячейку или группу ячеек, щелкните и перетащите указатель мыши, чтобы выделить нужные ячейки.

На вкладке «Дизайн инструментов для работы с таблицами» (вкладка «Макет таблиц» в OneNote) откройте меню «Затенение».

Возможно, нам часто приходится затенять каждую вторую строку или столбец на листе Excel, но пробовали ли вы когда-нибудь закрашивать строки или столбцы поочередно в таблице Word? В этой статье я расскажу о том, как решить эту задачу в таблице документов Word?

Закрасьте каждую вторую строку или столбец в таблице Word, создав стиль таблицы

Чтобы попеременно затенить строки или столбцы в таблице документа Word, выполните следующие действия:

1. Щелкните ячейку в таблице, в которой вы хотите попеременно затенить строки или столбцы, и активируется вкладка «Работа с таблицами», на вкладке «Дизайн» установите флажок «Строка заголовка», «Группированные строки», «Группированные столбцы», см. снимок экрана:

doc альтернативное затенение 1

2. Затем щелкните значок «Дополнительно» в группе «Стили таблиц», см. снимок экрана:

doc альтернативное затенение 2

3. В расширенном разделе нажмите «Новый стиль таблицы», см. снимок экрана:

doc альтернативное затенение 3

4. Затем появится диалоговое окно «Создать новый стиль из форматирования», выполните следующие действия:

(1.) Укажите имя для этого нового стиля таблицы;

(2.) Выберите строку «Заголовок» в раскрывающемся списке «Применить форматирование к», чтобы задать форматирование заголовка;

(3.) Затем нажмите кнопку «Формат» в левом нижнем углу диалогового окна;

(4.) Затем выберите параметр «Границы и заливка».

doc альтернативное затенение 4

5. А затем в диалоговом окне «Границы и заливка» задайте отдельно стиль границы и цвет заливки на вкладке «Границы и заливка», см. снимок экрана:

doc альтернативное затенение 5

6. Затем нажмите «ОК», чтобы вернуться в диалоговое окно «Создать новый стиль на основе форматирования». На этот раз выберите «Нечетные строки» в раскрывающемся списке «Применить форматирование к», а затем перейдите в диалоговое окно «Границы и заливка», чтобы задать стиль границы и цвет заливки, как показано на следующем снимке экрана:

doc альтернативное затенение 6

7. Нажмите «ОК», выберите «Равномерные строки» в раскрывающемся списке «Применить форматирование к» и повторите описанный выше шаг 6, чтобы установить стиль границы и цвет заливки по своему усмотрению. Смотрите скриншот:

doc альтернативное затенение 7

8. Наконец, нажмите «ОК» > «ОК», чтобы закрыть диалоговые окна, и теперь вы можете найти новый стиль таблицы, который вы создали, в группе «Стили таблиц», щелкните его, чтобы отформатировать его стиль для активной таблицы. Смотрите скриншот:

doc альтернативное затенение 8

Примечание. Чтобы поочередно затенить цвета столбцов, выберите «Нечетные столбцы» и «Четные столбцы» в «Применить форматирование» в раскрывающемся списке диалогового окна «Создать новый стиль из форматирования».

Границы и заливка в Таблицы Word

Границы могут улучшить внешний вид таблицы, придав ей безупречный профессиональный вид. Границы также упрощают визуальное разделение информации в разных ячейках.

Добавить границу

  1. Выберите ячейку, несколько ячеек или всю таблицу.

Границы будут добавлены только к выбранной вами ячейке или ячейкам.

Перед применением границы необходимо указать стиль границы. Вы можете отдельно выбрать стиль, толщину и цвет линии или использовать существующий стиль границы.

В этом меню показано несколько рамок, включенных в тему документа, различных цветов и стилей линий.

Добавить границу

Теперь, когда вы выбрали стиль границы, выберите, к каким границам применить этот стиль.

Это меню показывает, к каким границам можно применить стиль. Вы можете выбрать Все границы или подмножество.

Добавить границу

Выбранный стиль границы применяется к выбранным границам.

Выберите «Без границ» в меню «Границы», чтобы удалить границы с выбранных ячеек.

Добавить затенение ячеек

Затенение включает цвета заливки и узоры, которые можно применять к ячейкам таблицы.

Добавить затенение ячеек

  1. Выберите ячейку или ячейки, к которым вы хотите добавить затенение.
  2. Нажмите стрелку списка заливки на вкладке «Дизайн инструментов для работы с таблицами».

В меню затенения будет отображаться спектр цветов из текущей темы документа, а также несколько стандартных цветов. Вы также можете выбрать «Дополнительные цвета», чтобы выбрать собственный цвет, или «Нет цвета», чтобы удалить существующую заливку.
Цвет добавляется в качестве фона к выбранным ячейкам. Чтобы использовать шаблон вместо сплошного цвета в таблице, нажмите кнопку запуска диалогового окна группы «Границы», перейдите на вкладку «Затенение» и выберите шаблон в списке «Стиль».

БЕСПЛАТНЫЙ краткий справочник

  • Драйвер в автозагрузке что это такое
  • Как отформатировать видео для Instagram в Sony Vegas
  • Как удалить x plane 11 с компьютера
  • Как сделать массив в AutoCad
  • Как аппроксимировать график в Excel

Как программно изменить текст, цвет, фон ячейки или области табличного документа?

Распечатать

Ниже приведено несколько полезных шаблонов кода по работе с табличным документом:

 //Пример получения текста ячейки 
ПолеТабДок = ЭлементыФормы.тдПолеТабличногоДокумента;
ПолеТабДок.Область("R1C2").Текст = спрНоменклатура.Наименование;
ПолеТабДок.Область("R2C2").Текст = "Это Строка"; //указываем явно литерал строки

Код 1C v 8.х

 // Изменение текста в области или ячейке 

Для а = 11 по ТабличныйДокумент.ВысотаТаблицы Цикл
//Ячейка = ТабличныйДокумент.Область(а,1,а,1).Текст;
текстЯчейка = ТабличныйДокумент.Область("R"+а+"C2").Текст;
Если Строка(ТабличныйДокумент.Область("R"+а+"C2").ЦветФона)="стиль: Фон кнопки" Тогда
ТабличныйДокумент.Область("R"+а+"C7").Текст="";
ТабличныйДокумент.Область("R"+а+"C11").Текст="";
ТабличныйДокумент.Область("R"+а+"C8").Текст="";
ТабличныйДокумент.Область("R"+а+"C9").Текст="";
ТабличныйДокумент.Область("R"+а+"C10").Текст="";

КонецЕсли;

КонецЦикла;

Код 1C v 8.х

 // Как раскрасить ячейку или область табличного документа в зависимости от условия 
ТабДок = ЭлементыФормы.ПолеТабличногоДокумента; // Получаем табличный документ из формы
ТабДок.Очистить(); // Очищаем табличный документ
Макет = ПолучитьМакет("Макет"); // Получаем макет с именем "Макет" из текущего объекта
ОбластьСтрокаТаб = Макет.ПолучитьОбласть("СтрокаТаб"); // Получаем область из макета
ОбластьСтрокаТаб.Параметры.НашПараметр = 1; // Устанавливаем значение 1 параметру "НашПараметр"
ОбластьОформления = ТабДок.Вывести(ОбластьСтрокаТаб);
// Вот собственно и само оформление ячейки
ТабДок.Область(ОбластьОформления.Верх, ОбластьОформления.Лево, ОбластьОформления.Низ, ОбластьОформления.Лево).ЦветФона = WebЦвета.Красный;

Код 1C v 8.х

 //Пример изменения цвета текста при выводе данных в табличный документ 
Таб.ВывестиСекцию("Контрагент");
// Изменим Текст ячейки, имя которой заранее задали как "ТекстОСостоянии"
Таб.Область("ТекстОСостоянии").Текст )" src="https://helpf.pro/images/smilies/).gif" border="0">";
// В зависимости от условия изменим Цвет Текста
Если Раз Таб.Область(Таб.ВысотаТаблицы(),9,Таб.ВысотаТаблицы(),9).ЦветТекста(255,0,0);
ИначеЕсли Раз>0 Тогда
Таб.Область(Таб.ВысотаТаблицы(),9,Таб.ВысотаТаблицы(),9).ЦветТекста(0,0,255);
КонецЕсли;

Для того, чтобы появилась возможность использовать свойство «Значение», необходимо явно присвоить свойству ячейки «СодержитЗначение» значение Истина или установить флажок «Содержит значение» в палитре свойств.

Для ячейки, у которой установлен признак «СодержитЗначение», можно задать тип значения, размещаемого в ячейке.

Следующий фрагмент демонстрирует, как можно управлять этими свойствами из встроенного языка://задаем нужный тип с помощью объекта «ОписаниеТипов»

 МассивБулево = Новый Массив; 
МассивБулево.Добавить(Тип("Булево"));
ОписаниеТиповБулево = Новый ОписаниеТипов(МассивБулево);
//.
ПолеТабДок = ЭлементыФормы.тдПолеТабличногоДокумента;
ПолеТабДок.Область("R3C3").СодержитЗначение = Истина; //указываем, что в ячейке будет значение
ПолеТабДок.Область("R3C3").ТипЗначения = ОписаниеТиповБулево; //указываем тип значения
ПолеТабДок.Область("R3C3").Значение = СпрНоменклатура.Услуга; //значение, типа "Булево" из справочника

Для ячейки табличного документа можно задавать формат вывода данных. Для этого используется свойство «Формат», которое содержит форматную строку. Приемы работы с форматной строкой полностью совпадают с функцией Формат()

 ПолеТабДок = ЭлементыФормы.тдПолеТабличногоДокумента; 
ПолеТабДок.Область("R4C3").ТипЗначения = ОписаниеТиповДата; //указываем тип, ранее заданный для Даты
ПолеТабДок.Область("R4C3").Значение = ТекущаяДата();
//указываем форматную строку
//будет выглядеть как "[031120-2315]-", если текущая дата '20-11-2003 23:15:00')
ПолеТабДок.Область("R4C3").Формат = "ДФ=[ггММдд-ЧЧмм]-";

Элемент управления в табличном документе

Для ячейки, у которой установлен признак «СодержитЗначение», можно также задать элемент управления, который будет использоваться для редактирования этого значения.

Элемент управления можно назначить через палитру свойств или из встроенного языка с помощью метода «УстановитьЭлементУправления()». Чтобы проверить в программе, установлен ли элемент управления для конкретной ячейки, можно использовать свойство «ЭлементУправления», которое возвращает элемент управления, назначенный для ячейки.

Элементы управления, встроенные в ячейку, отображаются только при входе в режим редактирования значения. На приведенном ниже рисунке редактируемая ячейка обведена овалом и в ней отображается флажок:

Ниже показан пример установки элемента управления типа «Флажок» из встроенного языка://задаем нужный тип с помощью объекта «ОписаниеТипов»

 МассивБулево = Новый Массив; 
МассивБулево.Добавить(Тип("Булево"));
ОписаниеТиповБулево = Новый ОписаниеТипов(МассивБулево);
.
ПолеТабДок = ЭлементыФормы.тдПолеТабличногоДокумента;
ПолеТабДок.Область("R5C3").СодержитЗначение = Истина; //указываем, что в ячейке будет значение
ПолеТабДок.Область("R5C3").ТипЗначения = ОписаниеТиповБулево; //указываем ранее заданный тип
ПолеТабДок.Область("R5C3").Значение = СпрНоменклатура.Услуга; //значение, типа "Булево" из справочника
//а теперь указываем, что в ячейке будет отображаться флажок
ПолеТабДок.Область("R5C3").УстановитьЭлементУправления(Тип("Флажок"));

Для элементов управления, расположенных в табличном документе, расширяется набор свойств, методов и событий:

Разберем самые важные свойства и методы:

Свойство «ВстроенВЯчейку» имеет тип «булево» и говорит о том, что элемент управления встраивается в ячейку или просто привязывается к ней, о чем было рассказано выше.

Свойство «Видимость» позволяет показать или скрыть элемент управления.

Свойство «Значение» предоставляет доступ к значению, которое редактируется в элементе управления. Оно используется только для элементов управления, поддерживающих связь с данными.

Метод «Расположить» позволяет разместить элемент управления в конкретной области ячеек табличного документа. Именно этот метод был использован в вышеприведенном примере.

 ПолеТабДок = ЭлементыФормы.тдПолеТабличногоДокумента; 
ПолеТабДок.Область("R4C3").Защита = Истина;

Разместил: all4cf Версии: | 8.x | 8.2 УП | 8.3 | Дата: 02.07.2015 Прочитано: 227880

Распечатать

Возможно, вас также заинтересует

Похожие FAQ

1C и Google Maps 21
была поставлена задача отображения на географической карте медицинских учреждений. После обзора предлагаемых решений был выбран сервис google. Но так же подобного рода подход будет работать и с картами сервиса yandex. Во время решения задачи было реш 1С Предприятие что это? 12
Что такое 1С? 1С — это фирма , у которой одно из направлений деятельности — разработка программного обеспечения для автоматизации бизнес-процессов предприятий. « 1С:Предприятие » — конкретный продукт, который выпускает компания 1С . Что такое COM-подключение к базе 7.7 из .NET, .NET Core 2
Инсталяция: dotnet add package sabatex.V1C77 или добавить через NUGET пакет sabatex.V1C77. Добавить пространство имен: using sabatex.V1C77; пример использованя: —C# static void Main(string args) < // создаем строку соединенCOM-подключение к базе 7.7 из 8.2 1С 7
Если код выполняется на стороне клиента, то необходимо наличие базы 7.7 на локальной машине. Пример (На форме объекта присутствует реквизит Таблица(ТаблицаЗначений)): НаКлиенте Процедура Загрузки() ПутьКБазе=» D:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *