点评：纯CSS实现的小三角，喜欢的朋友可以参考下。先看图1效果：代码如下：div style=”border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;border-bottom:10px solid #FFFFCC;”/div关键是要知道边框的上下左右四条边框之间的连接处是呈斜线状的，如图2：然后上面的图1... [阅读全文]

点评：纯CSS实现的小三角，喜欢的朋友可以参考下。先看图1效果：代码如下：div style=”border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;border-bottom:10px solid #FFFFCC;”/div关键是要知道边框的上下左右四条边框之间的连接处是呈斜线状的，如图2：然后上面的图1... [阅读全文]

点评：魔哥css圆角实现代码，结合了图片的实现方法，兼容性好。所用到的图片: style type="text/css" body,p,div {margin:0;padding:0;} .Box {margin:10px auto;width:500px;} /*淘宝的圆角方法*/ .R-1-T,.R-1-B {height:6px;position:relative;backgroun... [阅读全文]

点评：魔哥css圆角实现代码，结合了图片的实现方法，兼容性好。所用到的图片: style type="text/css" body,p,div {margin:0;padding:0;} .Box {margin:10px auto;width:500px;} /*淘宝的圆角方法*/ .R-1-T,.R-1-B {height:6px;position:relative;backgroun... [阅读全文]

点评：用css实现的圆角实现代码，大家可以学习使用，不建议使用。不如用图片，兼容性会比这个好点。Div切圆角的实现原理： 1，首先使用P标签，第一行距Div的边距为一个数值（假设为3px;）； 2，第二个p标签在第一个的下一行，距Div的边距为第一行的减去一个像素数值（假设为2px;）； 3，依次实现，直到最后一个p标签的值为1px； 4，第一行全显示，后面的只显示两头的一个像素即可。 5，再配合... [阅读全文]

点评：不用图片，只用css制作圆角的另一方法。html 复制代码代码如下:... [阅读全文]

点评：不用图片，只用css制作圆角的另一方法。html 复制代码代码如下:... [阅读全文]

点评：纯CSS打造的漫画，让枯燥变的活泼，让局限变的无限 有的人说没有意义，我觉得意义重大。 让枯燥变的活泼，让局限变的无限，请点击以下运行看演示。 [html] div style="width: 100%; height: 466px;" div style="float: left; border: 2px so纯CSS打造的漫画，让枯燥变的活泼，让局限变的无限有的人说没有意义，我... [阅读全文]

点评：纯CSS打造的漫画，让枯燥变的活泼，让局限变的无限 有的人说没有意义，我觉得意义重大。 让枯燥变的活泼，让局限变的无限，请点击以下运行看演示。 [html] div style="width: 100%; height: 466px;" div style="float: left; border: 2px so纯CSS打造的漫画，让枯燥变的活泼，让局限变的无限有的人说没有意义，我... [阅读全文]

点评：卡盘，也就是幻灯片，它应该是自动播放，但目前css是无法做到自动播放（可能会让你失望），所以它不应该叫幻灯片，但我扔这么称呼它为幻灯片。如果你认为可以用脚本来实现，嗯，地球人都知道，显然违背了我们的主题，纯css的，无侵入的。似乎我标题党了，但请你耐下性子来听卡盘，也就是幻灯片，它应该是自动播放，但目前css是无法做到自动播放（可能会让你失望），所以它不应该叫幻灯片，但我扔这么称呼它为幻灯片... [阅读全文]