html - 为我的内容添加 CSS 边框、阴影和圆 Angular 的最简单方法

标签 html css border rounding rounded-corners

好的,我的网站运行良好:http://www.marioplanet.com

但我已经意识到,如果最终用户的显示器足够大,可以在页面两侧显示动画(大多数台式机显示器和一些笔记本电脑都可以),我认为我的主要内容在使用红色/黑色小边框,一些圆 Angular ,甚至可能是阴影。

现在,我正在寻找实现边框和圆 Angular 的最简单方法,并希望实现阴影,但这不是必需的,代码量最少。

如果我能让它只与 CSS 一起用于除 IE 之外的大多数浏览器,并回退到 IE 的 jQuery/JS 插件,那也很棒。或者甚至完全将它从 IE 中删除,但这不太好! :)

更新:

好的,我可以把它应用到我的标题中 <div>正如你现在看到的那样,但是当我尝试将它应用到整体包装器时 <div> ,我什么也得不到。可能是因为我需要 widthheight首先在我的 CSS 中指定的属性。

谢谢!

更新更新:

我发现制作边框最简单的方法是使用以下 CSS3 选择器:

border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;

这一切都很有魅力!!

最佳答案

CSS3 可以做你需要的一切,除IE8 外,大多数浏览器都支持它。 (尽管下一版本的 Internet Explorer 将支持这些功能。)

访问css3.info获取更多信息。

关于html - 为我的内容添加 CSS 边框、阴影和圆 Angular 的最简单方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3525206/

相关文章:

javascript - 将图像附加到富文本编辑器在 IE 中不起作用

php - 使用 PHP 动态刷新文本区域

html - CSS 在溢出 div 的表中创建卡住的行和列标题?

html - 垂直导航栏无法正常工作

border - 如何在 C64 上显示边框中的 Sprite ?

html - 无法将多个类分配给表

Jquery flexslid 点击 div 并显示一个 div

javascript - 缩放时 "position: relative"的奇怪行为。发生了什么?

javascript - 输入类型范围 slider 拇指在 Google Chrome 中不可移动

html - div填充,边距?