用CSS3设置mailto：像网页中使用css一样 - 星云互动 - ITeye博客

`

zlpx

浏览: 156894 次
性别:
来自: 北京

最近访客更多访客>>

dragonsky_w

whatl

zhangbody

xy14qg

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

f308185993： 123123[size=xx-small][color=dar ...
在HTML的text input控件获取焦点时设置背景颜色
crackajack_zg： good ，很简单的代码、
用JQuery改变图片的透明度
qq184234675：求jquery1.9+的
用JQuery改变图片的透明度
demonzoo：很奇怪，我刚试了无数次，在本地直接打开就是无法弹出提示。后来我 ...
用HTML5产生操作系统通知
demonzoo：为什么我在chrome下无法显示通知内容，无论按哪个按钮都是弹 ...
用HTML5产生操作系统通知

用CSS3设置mailto：像网页中使用css一样

博客分类：

HTML5
JavaScript

阅读更多

下例显示了你可以怎样设计mailto:超链接的网页使用CSS属性选择器。

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        a[href^='mailto:'] {
            color: green;
        }
        a[href^='mailto:']:before {
            color: red;
            content: "Email: ";
            font-style: italic;
        }
    </style>
</head>
<body>
 
    <a href="http://cfexamples.com/">Go to ColdFusionExamples.com</a><br/>
    <a href="mailto:jane@doe.com">Jane Doe</a><br/>
    <a href="mailto:john.smith@domain.org">John Smith</a><br/>
 
</body>
</html>

源代码：

stylemailto.zip

分享到：

使用CSS3样式相邻选择器 | 用JQuery寻找页面所有的电子邮箱地址

2011-10-24 13:31
浏览 2303
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

纯css3 3D旋转科技球体动画特效: 1. CSS3：CSS（层叠样式表）是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的语言。CSS3是其最新版本，增加了许多新的选择器、模块和功能，例如3D变换、过渡效果、动画等，为Web设计师提供了更多的...

html 帮助文档 css3帮助文档 chm: CHM文件是一种Windows帮助文件，采用HTML压缩格式，用户可以像浏览网页一样查看这些文档，同时提供了搜索和索引功能，方便快速查找和学习相关知识。此外，"东坡软件下载说明.txt"可能是提供下载和安装该帮助文档的...

CSS3 @font-face网页中的字体: 定义好`@font-face`后，就可以在CSS中像使用其他系统字体一样使用自定义字体了： ```css body { font-family: 'MyWebFont', sans-serif; } ``` 这段代码会让网页的文本使用"MyWebFont"字体，如果浏览器不支持或...

css3产品信息3D变换.rar: 在IT行业中，CSS3是一种强大的样式表语言，用于定义网页元素的布局、颜色、字体等视觉表现。在“css3产品信息3D变换.rar”这个压缩包中，我们聚焦于CSS3的一个重要特性：3D变换。这项技术使得网页元素可以进行三维...

CSS3滑动门网页.rar: "CSS3滑动门网页.rar" 这个标题暗示了这是一个使用CSS3技术实现的网页设计示例，特别是一种被称为“滑动门”（Sliding Doors）的技术，通常用于创建美观的导航菜单。滑动门技术利用CSS的背景定位特性，为元素的左右...

3D图片翻转展示CSS3.zip: 在IT领域，特别是前端开发中，CSS3是一个重要的技术，它极大地丰富了网页的样式表现力，让网页设计更加生动和交互性强。本项目“3D图片翻转展示CSS3.zip”聚焦于利用CSS3实现一种3D图片翻转展示特效，通过jQuery插件...

HTML5&CSS3网页制作：元素的类型.pptx: - 能够在一行内显示，但可以设置宽度和高度，像块状元素一样控制尺寸。 - 可以和其他内联元素并列，但不强制换行。 - 常用于图像、输入框等需要尺寸控制的元素。 - 示例：`<img>`元素可以设置宽度和高度，并与...

CSS3气泡一样文本框动画特效.zip: 在本文中，我们将深入探讨如何使用CSS3来创建一个气泡样式的文本框动画特效，这个特效常用于吸引用户注意力并提升网页互动性。我们基于提供的"CSS3气泡一样文本框动画特效.zip"文件，其中包含了一个示例HTML文件...

纯css3字体图标导航菜单悬停特效: 字体图标是一种将图标设计成字体样式的技术，通过引入特殊的字体文件（如FontAwesome、Ionicons等），可以在网页中像使用文字一样使用图标。它们的优点包括易于调整大小、颜色，且加载速度快。接下来，我们探讨CSS...

css3垂直Lavalamp导航: CSS3垂直Lavalamp导航是一种流行且具有动态效果的网页导航设计，它在传统的垂直导航菜单的基础上，结合了Lavalamp（灯泡）特效，即鼠标悬停在菜单项上时，背景会像熔化的灯泡一样流动，为用户带来独特的交互体验。...

css3 api帮助文档: 解除锁定后，你就可以像浏览网站一样浏览文档内容，搜索特定的CSS3属性和方法。在CSS3 API中，有许多关键知识点，包括但不限于： 1. **选择器**：CSS3扩展了选择器，例如类选择器、ID选择器、伪类选择器、属性...

html5 css3带翻页数字时钟动画特效: 考虑到标签中提到了“翻页”，开发者可能会使用CSS3的`clip-path`或`mask`属性来创建数字切割效果，模拟纸片翻转。这两个属性可以定义元素的可视区域，通过动态改变这些区域的形状，可以实现数字翻转的动画效果。 ...

使用了这个css后markdown展示效果和github的大致一样: 5. **CSS预处理器**：如果项目中使用了CSS预处理器（如Sass、Less），可以通过导入GitHub的Markdown CSS源文件并进行扩展和修改，以利用预处理器的功能。 6. **Markdown扩展**：虽然原始Markdown语法已经很强大，但...

CSS3网页应用小图标样式下载.zip: 【标题】"CSS3网页应用小图标样式下载.zip"是一个包含CSS3技术实现的网页图标资源包，专门用于提升网页设计中的图标应用。CSS3是层叠样式表的第三版，它极大地扩展了前两版的功能，引入了更多样化的样式、动画效果...

CSS3边框动画: 在网页设计中，动态效果能极大地提升用户体验，CSS3的引入使得这种动态效果的实现变得更加简单和高效。本篇将深入探讨CSS3边框动画，帮助你掌握这一强大的视觉呈现工具。 ### 一、边框动画基础 CSS3中的`border`...

CSS3实现3D立体旋转动画特效.rar: 在CSS3中，3D立体旋转动画特效是一个引人注目的特性，它为网页设计带来了新的视觉体验。这个“CSS3实现3D立体旋转动画特效.rar”文件包含了一个实例，展示了如何利用CSS3来创建动态的3D效果。通过解析这个压缩包的...

css3图片翻页动画: CSS3图片翻页动画是一种利用CSS3特性实现的动态效果，它可以为网页中的图片添加丰富的交互体验，使得页面更加生动有趣。在现代网页设计中，动态元素已经成为吸引用户注意力、提升用户体验的重要手段。本主题将深入...

jquery+css3立体式动画百叶窗切换效果: 在百叶窗效果中，每个“叶片”（通常是图片或内容区域）会被赋予一个3D变换，通过改变其旋转角度和位置，模拟出立体翻转的效果，就像真实的百叶窗一样。 2. **关键帧动画**：CSS3的animation属性可以创建复杂的动画...

DIV+CSS创建网页-CSS3渐变属性.pptx: 这使得渐变效果可以像图案一样在整个背景中循环。 ```css background-image: repeating-linear-gradient(90deg, black, gray 10%, white 20%); background-image: repeating-radial-gradient(circle at 50% 50%, ...

HTML5+CSS3知识讲解: 同时，CSS3还提供了@font-face规则，允许开发者将自定义字体嵌入到网页中使用，这为网页设计提供了更大的自由度。在颜色模式方面，CSS3引入了RGBA和HSLA，增加了颜色的透明度和色相支持，这些新颜色模式使得网页的...

Global site tag (gtag.js) - Google Analytics