CSS3制作酷炫的三维相册效果
前端技术09/10CSS
特炫的三维相册分享出来，希望大家喜欢！ XML/HTML Code复制内容到剪贴板 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">   <html xmlns=\"http://www.w3.org/1999/xhtml\">   <head>  ...
  • 0
利用CSS span实现双语菜单的方法教程
前端技术09/10CSS
　　主要是用CSS的span标签来实现，其实看了代码你会觉得，原来实现双语菜单如此简单。 CSS Code复制内容到剪贴板 <!DOCTYPE html PUBLIC\"-//W3C//DTD XHTML 1.0 Transitional//EN\"\"http://www.phpstudy.net/TR/xhtml1/DTD/xhtml1-transitional.dtd\">    <html xmlns=\"http://www.p...
  • 0
CSS实现五颜六色按钮组成的导航条效果代码
前端技术09/10CSS
本文实例讲述了CSS实现五颜六色按钮组成的导航条效果代码。分享给大家供大家参考。具体如下： 这里介绍一款CSS实现五颜六色按钮组成的炫丽导航菜单，其实“按钮”并不是真正的按钮元素，而是由CSS模拟出来的，这样有得你变换样式，配上黑色的背景，看上去很酷。 运行效果截图如下： 在线演示地址如下： htt...
  • 0
css教程制作css圆角边框(兼容全部浏览器)
前端技术09/10CSS
复制代码代码如下:b{display:block;height:1px;background:#f6f6f6;overflow:hidden;} .w300{width:300px;margin:0 4px;background:#ccc;} /*第一角度*/ .w300-2{width:300px;margin:0 3px;} /*第二脚度*/ .w302{width:302px;margin:0 2px;} /*第三脚...
  • 0
关于CSS选择器优先级的判断题附结果截图
前端技术09/10CSS
复制代码代码如下: <span style=\"font-size:14px;\"><html> <head> <style type=\"text/css\"> #redP p { /* 权值 = 100+1=101 */ color:#F00; /* 红色 */ } #redP .red em { /* 权值 = 100+10+1=111 */ color:#00F; /* 蓝色 */ } #redP p span em { /* 权值 = 100+1+1+1=103 */ ...
  • 0
分享CSS3制作卡片式图片的方法
前端技术09/10CSS
先看看效果图： XML/HTML Code复制内容到剪贴板 <!DOCTYPE html>   <html>   <head>   <style>   body {margin:25px;}    div.polaroid {      width: 40%;      background-color: white;      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px...
  • 0
纯CSS实现设置半个字符的样式
前端技术09/10CSS
在stackoverflow上看到的问题怎么给半个字符设置样式，很多大神给出了答案。我就等就来学习围观吧。一：基本解决方案：html:复制代码代码如下:<span class=”halfStyle” data-content=”X”>X</span><span class=”halfStyle” data-content=”Y”>Y</span><span class=”halfStyl...
  • 0
css特效 一道闪光在图片上划过代码
前端技术09/10CSS
在百度音乐 http://music.baidu.com/ 看到这么一个图片效果，当鼠标移上去的时候，会有一道闪光在图片上划过，效果挺酷炫的。于是把这个效果再实现一下： 大体思想是，设计一个透明层i，skewx在X轴上做了负25度的变形，背景颜色用的是CSS3的线性渐变linear-gradient，然后hover的时候，设置0.5s的动画...
  • 0
chrome表单自动填充导致input文本框背景变成偏黄色问题解决
前端技术09/10CSS
chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式： 复制代码代码如下: input:-webkit-autofill { background-color: #FAFFBD; background-image: none; color: #000; } 在有些情况下...
  • 0
CSS水平对齐示例介绍
前端技术09/10CSS
在 CSS 中，可以使用多种属性来水平对齐元素。 对齐块元素 块元素指的是占据全部可用宽度的元素，并且在其前后都会换行。 块元素的例子： 复制代码代码如下: <h1> <p> <div> 使用 margin 属性来水平对齐 可通过将左和右外边距设置为 \"auto\"，来对齐块元素。 把左和右外边距设置为 a...
  • 0

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案