圆角代码 - 我爱广西 - ITeye博客

`

woaiyingyu123

浏览: 71242 次
性别:
来自: 广西

最近访客更多访客>>

aayii2013

panxiangwei

woodding2008

zjp30950302

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

woaiyingyu123： w1054993544 写道LZ你好，我怎么改都出现错误，但是 ...
Invalid action class configuration that references an unknown class named错误
woaiyingyu123： jpsb 写道还有一点：注意提交数据中，对应action中的对 ...
Invalid action class configuration that references an unknown class named错误
jpsb：还有一点：注意提交数据中，对应action中的对象的属性，是否 ...
Invalid action class configuration that references an unknown class named错误
w1054993544： LZ你好，我怎么改都出现错误，但是我运行注册功能的时候没问题， ...
Invalid action class configuration that references an unknown class named错误

圆角代码

阅读更多

-----------圆角代码-------

*{margin:0;padding:0;font-size:12px;}
/*通用样式--容器宽度值*/
.sharp{width:200px;margin:20px auto 0;}           /*没有height*/
/*上圆角框通用设置样式，如果要运用多个不同颜色，以下6句不用重新变化(外框无高，里框无宽)--------------------------------*/
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px;  overflow:hidden; display:block;}
.b1,.b8{margin:0 5px;}     /*不用设边框，只用设与边框同样的背景颜色就可以封住外层了*/
.b2,.b7{margin:0 3px;border-right:2px solid; border-left:2px solid;}
.b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}
.b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;}
.content {border-right:1px solid;border-left:1px solid;height:100px;}            /*没有width*/
/*颜色方案一,蓝色边框----------------------------------------*/
/*下面第一、二句决定边框颜色，第三句决定背景颜色*/
/*边框色*/
.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{border-color:#96C2F1;}
.color1 .b1,.color1 .b8{background:#96C2F1;}
/*背景色*/
.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{background:#EFF7FF;}
</style>
</head>
<body>
    <!--风格一，只需要变换一个CLASS就可以换一种颜色-->
    <div class="sharp color1">
        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
        <div class="content">内容</div>
        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>    
    </div>
</body>

分享到：

浅谈:)

2010-04-14 18:48
浏览 838
评论(0)
分类:编程语言
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

VB.NET 窗体圆角代码亲测能用: VB.NET 窗体圆角代码其中语言为Visual Basic 1.使用时将txt文本文件中的代码复制到编辑器内的.vb文件的相应位置（全部替换即可） 2.将其中的窗体名称改成自己的窗体名称，更改即可（注：文件中已做备注“ '改为...

div圆角代码非常简单的圆角代码: 在网页设计中，让元素拥有圆角效果是一个常见的需求，特别是在现代网页中，圆角能够提供更加优雅和友好的视觉体验。本文将详细介绍几种实现`div`圆角的方法，包括无图片纯CSS、特殊字符、图片、VML以及Firefox 3的...

js圆角代码: 以上就是关于"js圆角代码"的知识点介绍，希望这个详细解答能帮助你理解和掌握JavaScript实现圆角的各种方法。如果你的项目中包含名为"project"的文件，可能包含了实现这一功能的具体代码，建议查看并学习其中的实现...

js换肤圆角代码兼容各个浏览器: "js换肤圆角代码兼容各个浏览器"这个主题正是关注于如何在包括IE、Firefox等在内的多种浏览器上实现这些功能。 1. **圆角效果的实现**： - CSS3中的`border-radius`属性是现代浏览器支持的标准方法，可以设置元素...

JS控制DIV圆角代码: 总的来说，实现JS控制的DIV圆角代码涉及了对不同浏览器特性的理解和利用，以及对JavaScript DOM操作的掌握。通过CSS3的`border-radius`、JavaScript库以及图像切片技术，我们可以使网页在新旧浏览器间保持一致的视觉...

CSS3圆角代码: CSS3圆角代码基于jQuery+CSS的圆角框效果，演示一下如何使用jQuery并配合CSS代码实现漂亮的圆角框效果。提示：本圆角效果在IE下显示有问题，在Opera及火狐及Google浏览器下都没有问题。

css圆角代码_blog.huhunet.com: 在网页设计中，CSS...通过理解和应用这些CSS圆角代码，你可以轻松地为你的网页添加各种风格的圆角效果，使设计更加现代化和精致。记住，实践是最好的老师，尝试不同的数值和颜色，创建出符合你设计需求的圆角元素。

纯css标题框圆角代码: 本篇文章将深入探讨如何使用CSS创建具有圆角的标题框，并通过实际代码示例进行演示。首先，我们需要了解CSS3中的几个关键属性，它们在实现圆角效果中起着核心作用： 1. `border-radius`：这是CSS3引入的一个新...

div css圆角代码各种圆角表格_圆角边框css圆角: 以上代码展示了如何通过 `div` 和 `CSS` 创建带有圆角边框的表格。请注意，这种方法可能在某些浏览器或特定场景下需要进行调整，以确保兼容性和视觉一致性。总结来说，通过熟练掌握 `div` 和 `CSS` 的 `border-...

一张图片制作网页圆角代码很简单(整理): 网页圆角是网页设计中的一种常见视觉效果，它使得页面元素的角落看起来更加柔和，减少了生硬感，提升了用户体验。在HTML和CSS技术的发展中，实现网页圆角的方法也不断进化，从早期的图片背景技巧到现在的纯CSS解决...

纯DIV+CSS实现圆角代码: 标题中的“纯DIV+CSS实现圆角代码”指的是利用CSS样式来创建具有圆角效果的HTML元素，通常是指`div`元素。这种技术是CSS早期处理圆角的一种方法，但在CSS3引入`border-radius`属性之后，这种方法逐渐被淘汰，因为CSS...

Qt圆角功能和状态组合按钮,可以显示颜色或者图片: 在Qt编程中，圆角按钮和状态组合按钮是常见的用户界面元素，它们为应用程序提供了美观且功能丰富的交互体验。本文将深入探讨如何在Qt中实现圆角功能以及状态组合按钮，同时展示如何在按钮上显示颜色或图片。首先，...

纯CSS代码的圆角效果之HTM文件: 纯CSS圆角效果纯CSS圆角效果纯CSS圆角效果

安卓圆角图片控件: 在安卓开发中，实现圆角图片控件是一个常见的需求，它可以用于用户头像、商品图片等展示，提高应用界面的美观度和用户体验。本篇将详细介绍如何在Android中创建一个圆角图片控件，以及相关的技术点。首先，我们...

DIV圆角代码: 在网页设计中，让元素拥有圆角是一种常见的美化方式，...这个“CSS圆角.html”文件很可能是提供了一些具体的代码实例，帮助初学者理解并掌握这一技术。在实际工作中，灵活运用这些技巧，可以让你的网页设计更加出彩。

京东网页代码: - 商品分类：使用`<ul>`和`<li>`组合实现列表形式，通过CSS控制列表样式，如圆角、边框和间距。 - 商品展示：每个商品卡片通常由`<div>`包裹，包含图片（`<img>`）、标题（`<h3>`或`<p>`）、价格（`<span>`）等...

CSS 圆角源代码源代码源代码: 其中一个常见的视觉效果是使用CSS实现圆角，它可以让网页元素看起来更加平滑和现代。本教程将深入探讨如何使用CSS来创建具有圆角的元素。首先，CSS3引入了`border-radius`属性，它允许我们为元素的每个角落设置...

圆角矩形CSS样式四种: 代码中的`.b1`到`.b4b`类定义了不同部分的边框，通过调整它们的位置和属性，构建出一个完整的圆角矩形。例如，`.b1`和`.b1b`作为顶部和底部的边框，`.b2`和`.b2b`则负责角落的过渡效果。`.d1`类用于设置背景颜色，而...

CSS将图片自动变为圆角.rar: 在上述代码中，`myButton`是触发事件的按钮ID，`myImage`是需要改变圆角的图片ID。当按钮被点击时，图片的`border-radius`样式会被设置为`50%`，使其变为圆形。此外，如果需要在特定条件下改变圆角大小或者动态...

表格美化-圆角表格源代码: 在实际的圆角效果实现中，我们可以看到代码通过设置单元格的高度和宽度，并结合背景颜色的过渡，模拟出圆角的形状。例如，在 `<TD width=1 bgColor=#908a47></TD>` 中，一个宽度为1像素且设置了背景色的单元格被用来...

Global site tag (gtag.js) - Google Analytics