Верстка звездатого рейтинга
Светофор на HTML, CSS, JS.
ТЗ - необходимо создать HTML-страницу, на которой будет отображаться светофор и кнопка для переключения цветов. При нажатии на кнопку цвета должны меняться по порядку. <body> <div class="svet"> <div class="g" id="jg"></div> <div class="y" id="jy"></div> <div class="r" id="jr"></div> </div> <button class="btn" onclick="nextColor()">next</button> </body> .svet{ border:2px solid; position:relative; display:inline-block; background:#D3D3D3; } .g{ border-radius:50px; background:#008000; width: 50px; height:50px; } ...
Красивая ссылка в html css.
С помощью стилей ссылку на вашей страничке в html, можно украсить различными способами, например придать ей объем, цвет фона и даже сделать ее анимированной! Таким образом такую ссылку-кнопку будет сложно не заметить и кто-нибудь обязательно заинтересуется, что же она за собой скрывает. Для начала создадим простую ссылку, которую будем дальше форматировать. Создается она с помощью тега <a> и атрибутом href="путь ссылки". От себя еще добавлю атрибут target="_blank", чтобы при нажатии на ссылку она открывала новое окно в браузере...