Как бы добавить небольшую стрелку рядом с ссылками, которые имеют выпадение в css?Как добавить стрелку рядом с некоторыми ссылками в CSS?
background: url('arrow.png') no-repeat 0 0;
Когда я использую это добавляет стрелка на левой стороне КАЖДОЙ ссылки, но я хочу это только те, которые имеют подменю.
Любая помощь?
На основании других ответов у вас было похоже, что ваш вопрос сильно изменился ... но чтобы ответить на него как есть, если вы просто хотите его на некоторых из ссылок, вы можете добавить дополнительный класс для эти ссылки и добавить фоновое изображение только к этому классу.
попробовать это
background-position:right;
http://www.w3schools.com/cssref/css3_pr_background.asp является хорошим справочником для любого вида синтаксиса CSS вопросов.
Способ, которым вы определили правило CSS, помещает стрелку в верхнем левом углу. Для того, чтобы иметь его в центре справа, например, использовать:
background: url('arrow.png') no-repeat right center;
Я также хотел бы предложить добавить отступы, если вы сделаете это, так что фоновое изображение не за текстом:
padding-right: 15px;
А чтобы сделать отступ работы, вам необходимо переопределить отображение ссылок из inline в inline-block:
display: inline-block;
чтобы изменить размер стрелки, вы можете либо просто использовать см aller image, или вы можете использовать атрибут background-size, хотя использование последнего потеряло бы поддержку IE8 и ниже.
Используйте это:
background: url('arrow.png') no-repeat right top/70% 70%;
В 70% процентах представляют собой, например, они являются ширина и высота фона размер, изменить их, как они устраивают. (Так как вы хотели, чтобы он был меньше в вашем исходном вопросе).
Примените это правило к классу ссылок, которые будут выпадающими.