`

有趣的CSS样式

 
阅读更多
  • keyboard 
     
    kbd {
        padding: .1em .6em;
        border: 1px solid #ccc;
        font-size: 11px;
        font-family: Arial,Helvetica,sans-serif;
        background-color: #f7f7f7;
        color: #333;
        -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
        box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
        border-radius: 3px;
        display: inline-block;
        margin: 0 .1em;
        text-shadow: 0 1px 0 #fff;
        line-height: 1.4;
        white-space: nowrap
    }
     
  • sub , sup
     
    sup {
        font-size: 80%;
        position: relative;
        top: -0.4em
    }
    
    sub {
        position: relative;
        top: .3em;
        font-size: 80%
    }
     
  • 大小: 836 Bytes
  • 大小: 247 Bytes
分享到:
评论

相关推荐

    一些有趣的css样式.zip

    一些有趣的css样式.zip

    CSS3样式表- 层叠样式表种类.pptx

    ;单元2-1 层叠样式表种类;;;;;;;;;...网页设计是一门很有趣的课 ...第一:样式表的语法;...第二:样式表的作用;...第三:样式表种类: 内联样式<标签名 style=”...”stylesheet”type=”text/css”href=”外部样式表文件名” >;

    css3折角分页样式代码

    这是一款有趣的css3折角分页样式代码。该css3折角分页样式代码在鼠标经过时,分页项的左上角会像纸张一样弯曲折角,效果十分好看。

    c2f:C2F可以将CSS样式转换为颤动代码

    我希望找到一种将CSS样式转换为颤动样式的方法。 我相信许多Web开发人员都会喜欢它。 陈述 对于初学者来说,颤抖的风格真的很难记住。 我想建立一个网站,将css样式转换为在线flutter样式。 也许它将帮助那些Web...

    CSS3闹钟动画特效

    这是一款个性无图片纯CSS3代码制作的CSS3卡通闹钟摇晃动画特效,非常的有趣。

    CSS创意与视觉表现

    张鑫旭在第五届CSS大会上谈“CSS创意与视觉表现”的演示文档,里面介绍了许多有趣的、高级的CSS样式,看完受益匪浅!

    css-for-fun:有趣的css实践

    仅仅几个简单的html标签和css样式? 上有很多有意思的示例。 绘图 按理说,它不怎么该干这种事情。但这也显示了CSS的强大。 示例一: 单标签chrome logo 我们画个chrome logo吧 可以看到,基本是通过“堆叠” ...

    css3非常漂亮的社交卡片动画

    而不是仅仅使用一个普通的模态窗口,我们将使用动画来使它更有趣。 为了使它有吸引力,我使用了几个动画。各个部分的动画都按顺序介绍每个元素。这有助于帮助观众理解他们已经按下,并且内容和动画的顺序有助于把...

    css 制作有趣、简单的动态效果

    nth-child 我们写CSS样式时我们想给某一行写样式时可以这样nth-child(某一行)。 @keyframes 通过 @keyframes 规则,您能够创建动画。 创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。 在动画过程中,您...

    CSS3中的5个有趣的新技术

    CSS是众所周知且应用广泛的网站样式语言,在它的版本三(CSS3)计划中,新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些效果,但了解它们还是必须且很有趣味性的。软件开发网将在这篇文章向...

    resume:一个基于通用简历的Tailwind.css样式HTML简历

    使用universal resume template作为指导编写而成,但与原始作品截然不同,并且使用构成我个人品牌的样式和字体系列构成,因此如果您选择除此以外,自己进行调整,找到下一份工作会很有趣,并祝您好运。如何运行克隆...

    前端领域,使用html+css实现一个闪动的爱心

    爱心代码,首先使用两个div画出爱心的形状,再使用css的transform属性,实现爱心的闪动,一个简单有趣的实现,希望各位喜欢。 HTML,全称为超文本标记语言(Hypertext Markup Language),是用于创建网页的标准标记...

    17个有趣实用的CSS3悬停效果教程

    在这篇文章中,我分享了18个CSS3悬停效果的教程,来让你的网站变得饱满并且传达更好的用户体验。本文介绍了CSS 3的动画属性,使用这个属性可以不用费多大力气就创建出一个悬停效果。我们希望你会觉得我们收集的CSS 3...

    CSS美化复选框checkbox动画js代码

    CSS美化复选框checkbox动画特效是一款用css样式对复选框进行美化,还可以用js代码使原生的checkbox复选框被点击的时候,产生一些有趣的动画效果。

    CSS美化复选框checkbox动画js代码.zip

    CSS美化复选框checkbox动画特效是一款用css样式对复选框进行美化,还可以用js代码使原生的checkbox复选框被点击的时候,产生一些有趣的动画效果。

    nextjs-tailwindcss:nextjs + tailwindcss模板

    特征包括尾风包括postcss-preset-env 现在在生产版本上使用tailwindcss 1.4.x清除方法用法克隆此仓库npm安装npm run dev笔记styles / main.css styles / main.css文件包含tailwindcss导入,还支持全局样式。...

Global site tag (gtag.js) - Google Analytics