Окончательный CSS-ярлык для указания необходимых границ - PullRequest
Новая
       9

Окончательный CSS-ярлык для указания необходимых границ

2 голосов
/ 17 апреля 2011

Нуждаюсь в помощи для домашней работы. Я надеюсь, что кто-то может помочь мне, поскольку я попробовал все комбинации с небольшим успехом. Меня попросили упростить следующее: 

border-top: 1px solid #8B8BA2; 
border-left: 1px solid #8B8BA2; 
border-bottom: 1px solid #8B8BA2;

У кого-нибудь есть отличные идеи. Я попробовал следующее, но это не сработало: 

border: 1px solid none solid solid #8B8BA2;

Надеюсь, кто-то там может помочь.

Mari

Ответы [ 3 ]

7 голосов
/ 17 апреля 2011

Указание атрибута border позволяет указать все границы одновременно.Поскольку три из четырех одинаковы, укажите границу для всех сторон, а затем удалите границу для той, к которой она не относится: 

border: 1px solid #8B8BA2;
border-right: 0;
2 голосов
/ 17 апреля 2011

В дополнение к ответу SeanA (+1), - если это домашнее задание, вас могут спросить, знаете ли вы на самом деле порядок стенографических границ ... так что, хотя вышеприведенное тоже работает, возможно, это ответ после. 

border: 1px solid #8B8BA2;
border-width: 1px 0 1px 1px;

первый объявляет все границы, второй ноль - «правую» границу с использованием четырехсторонней записи. Границы (и поля и отступы) пишутся Top - Right - Bottom - Left - TRBL и слово, используемое для помните, что это " TR ou BL e " или вы можете просто думать по часовой стрелке:)

0 голосов
/ 17 апреля 2011

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

border-top:1px solid #8B8BA2;
border-right: 0px;
boreder-left:1px solid #8B8BA2;
border-bottom:1px solid #8B8BA2;

Вы должны указать все границы.

...