Хорошо, у меня неплохо работает мой сайт здесь: http://www.marioplanet.com
Но я понял, что если монитор конечного пользователя достаточно большой, чтобы отображать анимацию по бокам страниц (что в основном может быть на каждом мониторе настольного компьютера и на некоторых ноутбуках), то я считаю, что мой основной контент будет выглядеть лучше с небольшим красным / черная рамка, несколько закругленных углов и, возможно, даже тень.
Теперь я ищу самый простой способ реализовать как границу, так и закругленные углы, и, надеюсь, тень, но это не так необходимо, с наименьшим количеством кода.
Если я смогу заставить его работать только с CSS для большинства браузеров, за исключением IE и отката к плагину jQuery/JS для IE, это тоже здорово. Или даже полностью убрать его из IE, но это не очень приятно! :)
ОБНОВЛЕНИЕ:
Хорошо, я могу применить его к моему заголовку <div>
, как вы можете видеть прямо сейчас, но когда я пытаюсь применить его к общей оболочке <div>
, я ничего не получаю. Это может быть потому, что мне нужно сначала указать свойства width
и height
в моем CSS.
Спасибо!
ОБНОВЛЕНИЕ ОБНОВЛЕНИЕ:
Я обнаружил, что самый простой способ сделать границы — это использовать следующие селекторы CSS3:
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
Которые все работают как шарм!!