`

CSS样式之带边框的 Anchor(超链接)

    博客分类:
  • css
阅读更多
效果图:




HTML:


    <a class="vbtn release"
       href="spring-context/4.2.1.RELEASE" >4.2.1.RELEASE</a>



CSS:

    .vbtn {
        background: #FAFAFF;
        border: 1px solid #ddd;
        border-radius: 4px;
        border-spacing: 0;
        box-shadow: 1px 1px 1px #eee;
        padding: 1px 4px;
        white-space: nowrap;
        vertical-align: baseline;
    }
    
    a {
        text-decoration: none;
        color: #175bb0;
    }
    
    a:hover {
        text-decoration: underline;
    }


















-
  • 大小: 3.9 KB
分享到:
评论

相关推荐

    李炎恢HTML_CSS教程.pdf

    * CSS边框与背景:边框、背景颜色、背景图片 * CSS表格与列表:表格样式、列表样式 * CSS其他样式:圆角、阴影、透明度 CSS高级 * CSS3前缀和rem:CSS3新特性、rem单位 * CSS3文本效果:文本阴影、文本描边、文本...

    css-dictionary(CSS常用英语词汇详解)

    CSS中的`border`属性用于设置元素四周的边框样式、宽度和颜色。 - **Banner**: 页面横幅。常见于网站顶部的大图区域,通常用于展示重要信息或广告。 - **Both**: 两者都。`clear:both`用于清除左右两侧的浮动元素,...

    CSS常用英文小字典

    - **Circle (圆圈)**:形状之一,可以通过CSS边框和背景属性来创建圆形效果。 - **Crosshair (十字叉丝)**:鼠标光标的一种样式,形似十字叉。 - **Class (类别)**:HTML元素的属性之一,用于指定元素所属的类别。 -...

    css英语单词.pdf

    4. Anchor (锚记): `&lt;a&gt;`标签,用于创建超链接,链接到其他页面或页面内的特定位置。 5. Background (背景): 包含元素背后的颜色、图像或渐变,通过`background-color`, `background-image`, 和 `background-repeat...

    HTML+CSS常用英语词汇.docx

    29. **double** - 双线,常用于CSS边框样式,如`border-style: double`。 30. **element** - 元素,HTML或XML文档中的基本构建块,如`&lt;p&gt;`或`&lt;img&gt;`。 这只是HTML和CSS常用词汇的一小部分,还有许多其他重要的概念...

    HTML+CSS常用英语词汇.pdf

    15. **Border** (`border ['bɔ:də]`): 边框,CSS 中可以设置元素的边框宽度、样式和颜色。 16. **Both** (`both [bəuθ]`): 两边,常用于 `clear` 属性,清除左右两侧浮动。 17. **Bottom** (`bottom ['bɔtəm...

    (完整版)HTML模拟试题三.doc

    7. CSS超链接样式: 要消除超链接文字在鼠标经过时的下划线,应使用`:hover`伪类,并设置`text-decoration`为`none`。所以正确答案是B: `A:hover {text-decoration: none;}`。 这些知识点涵盖了HTML的基本元素、...

    网页设计基础试卷6..doc

    4. **超链接类型**:锚点链接(Anchor Link)用于同一网页内容间的相互跳转。 5. **表格属性**:在HTML中,可以对表格的属性进行调整,例如消除列的宽度、设置单元格的背景色等,但将列的宽度由像素转换为百分比...

    sharepoint 2010页面开发

    “Site Actions”菜单的样式主要由`ms-siteactionsmenuinner`类控制,其默认CSS定义了边框颜色、背景图片和背景色,提供了菜单的基本样式。 接下来是“Navigate Up”,对应的CSS类/ID为`.s4-breadcrumb-anchor,.ms-...

    html前端必须掌握的单词

    - **a (anchor)**: 锚点,用于定义超链接,基本用法为 `链接文本&lt;/a&gt;`。 - **submit**: 提交,常用于表单中的提交按钮。 - **ol (orderlist)**: 有序列表,用于创建带编号的列表。 - **ul (unorderedlist)**: 无序...

    HTML试题(含答案).docx

    CSS样式应用分析** 题目描述:给出了一段使用了`border`、`font-size`和`background-color`属性的`&lt;p&gt;`标签。 - **选项分析**: - A. 段落的背景色被设置为灰色(gray)。这是正确的。 - B. 段落的边框大小被设置...

    My-first-Website-using-HTML-CSS:这是我的第一个实践项目。 我使用 HTML 和 CSS 创建了我的第一个网站

    - **链接(anchor)**:`&lt;a&gt;`标签用于创建超链接,通过`href`属性指定目标URL。 - **图像(image)**:`&lt;img&gt;`标签插入图像,`src`属性指定图像源,`alt`属性提供文字描述。 2. **CSS基础知识**: - **选择器与...

    Dreamweaver 制作的小网站

    Dreamweaver内置的CSS编辑器可以帮助你创建和管理样式表,实现更复杂的视觉效果,如背景、边框、动画等。理解CSS选择器的工作原理,以及如何应用类(Class)和ID(ID Selector)来定位元素,对于定制网站风格至关...

    计算机英语

    - **Dashed**:虚线,CSS中定义边框样式的属性值之一。 - **Solid**:实线,CSS中定义边框样式的属性值之一。 - **Forum**:论坛,网络社区的一种形式,供人们讨论特定主题。 - **Archive**:归档,将文件或数据保存...

    岩浆

    3. **链接标签**(Anchor Tags):`&lt;a&gt;`创建超链接,连接到其他网页或资源。 4. **图像标签**(Image Tags):`&lt;img&gt;`插入图像,需指定`src`属性为图片源URL。 5. **列表标签**(List Tags):`&lt;ul&gt;`(无序列表)和`...

    html知识点实践经验总结

    2. **超链接(Anchor)**:`&lt;a&gt;` 标签用于创建超链接,其中`href`属性指定链接的目标。邮件链接可以使用 `mailto:` 协议,如 `mailto:abc@shouhu.com`。 3. **文件上传(File Input)**:`&lt;input type="file"&gt;` ...

    Forms-atribut-link-police

    - `&lt;a&gt;`:定义超链接(Anchor),用于链接到其他页面或资源。 - `href`:链接的目标地址。 - `target`:指定链接打开的方式,如`_blank`(新窗口), `_self`(当前窗口)等。 - `title`:提供关于链接的额外信息...

Global site tag (gtag.js) - Google Analytics