Элемент списка, например, кнопки градиента

-1

Я знаю, это может показаться довольно простым, но я немного новичок в HTML. Я хотел бы иметь список элементов, которые похожи на кнопки градиента. Я знаю, как создать список с неупорядоченным элементом списка, но у вас проблемы со стилем.Элемент списка, например, кнопки градиента

<ul> 
<li>List item #1</li> 
<li>List item #2</li> 
<li>List item #3</li> 
</ul>

источник

2014-02-20 user3332528

Что вы имеете в виду 'как градиент buttons' –

Plz прочитать ЧЗВ сайта. – ankur140290

Try, чтобы вставить следующий блок стиля в вашей голове тега.

<style> 
.the-list { 
    padding:0; 
} 
.the-list li { 
    list-style:none; 
    margin-top:8px; 
    border:1px solid #000; 
    border-radius:5px; 
    padding:5px; 
    box-shadow:1px 1px 2px rgba(0,0,0,.4); 
    background: linear-gradient(white, #eee); 
} 
</style>

Вот скрипка ссылка: http://jsfiddle.net/fL5tj/

источник

2014-02-20 12:12:49

Ayhan, я еще пробовал ваш код. Это дает мне совершенно аналогичный взгляд на то, что я пытаюсь получить. Я думаю, что мне просто нужно изменить цвета. Это работает, спасибо! – user3332528

Рад видеть, что это помогло. Хорошего дня :) –

-2

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

источник

2014-02-20 12:12:15 Arockia

Попробуйте

li { 
background: linear-gradient(to top, #F0FAF8, #306AA8); 
border-radius: 5px; 
list-style: none; 
width: 100px; 
padding-left:28px; 
margin:2px 0 0 0; 
}

http://jsfiddle.net/XN4QE/

источник

2014-02-20 12:24:55 Ivan

Элемент списка, например, кнопки градиента

ответ

Смежные вопросы