CSS выход, как?

Question

CSS выход, как?

0

как я могу сделать небольшую кнопку (ссылку) с видом окна выхода? здесь мой код:

.info {
    width: 100%;
    background-color: #3498db;
    padding: 10px;
    color: #fff;
}

.info a {
    color: #fff;
    border: 2px solid #fff;
    height: 16px;
    width: 16px;
    text-decoration: none;
    font-weight: bold;
}

и html:

<div class="info">
    This page is just at the building phase! It doesn't work all Features yet! 
    <a href="hide">x</a>
</div>

но посмотрите self..horrible: ссылка

как я могу сделать это хорошо?

Tekkzz 15 дек. 2013, в 22:00

Источник

1

Что именно вы хотите достичь? Вы хотите, чтобы коробка была квадратной формы?
WP_ 15 дек. 2013, в 20:06

Теги:

html

css

button

exit

2 ответа

1

Попробуйте этот код:

http://jsfiddle.net/7pLJ3/

.info a {
    color: #fff;
    font: bold 11px Arial;
    text-decoration: none;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

Zword 15 дек. 2013, в 18:33

Ещё вопросы

Что именно вы хотите достичь? Вы хотите, чтобы коробка была квадратной формы?

Tekkzz · Accepted Answer · 2013-12-15T17-28-00.000Z

может быть:

width:20px;
height 10px;
border: 1px solid #fff;
color: white;
padding-left: 10px;
padding-top: 4px;
font-size: 16px;
line-height: 0px;

Работа?