css实现超连接按钮形式显示

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test</title>
<style type="text/css">
#navigation ul {
    list-style: none;
   
}
#navigation li {
   
    padding:2px;
}
   
#navigation a:link, #navigation a:visited { 
    margin-right: 2px;
    padding: 3px 10px 2px 10px; 
    color: #A62020;
    background-color: #FCE6EA;display: block;
    text-decoration: none;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #717171;
    border-right: 1px solid #717171;
}
   
#navigation a:hover {
    border-top: 1px solid #717171;
    border-left: 1px solid #717171;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
</style>
</head>
<body onload="">
 <div id="navigation">
                <ul>
                    <li><a href="">link1</a></li>
                    <li><a href="">link2</a></li>
                    <li><a href="">link3</a></li>
                    <li><a href="">link4</a></li>
                    <li><a href="">link5</a></li>
                    <li><a href="">link6</a></li>
                </ul></div>
</body>
</html>
时间： 2024-10-31 11:09:55

css实现超连接按钮形式显示的相关文章

纯CSS实现超酷发送按钮

p{text-indent:2em;}前端开发whqet,csdn,王海庆,whqet,前端开发专家 今天在Dribble闲逛,偶然间看到一个不错的发送完成效果,使用纯css实现了下,最终效果如下. ---------------- ---------------------------------------- 在线研究点击这里,下载收藏点击这里. ---------------------------------------- --------------- 制作这个案例,你需要拥有 1.

C# 如何定义让PropertyGrid控件显示[...]按钮，并且点击后以下拉框形式显示自定义控件编辑属性值

关于PropertyGrid控件的详细用法请参考文献: 1.C# PropertyGrid控件应用心得 2.C#自定义PropertyGrid属性 首先定义一个要在下拉框显示的控件: using System; using System.Windows.Forms; namespace Simon.WinForms.Examples.PropertyGrid { public class EditorControl : UserControl { public EditorControl() {

Javascript和jQuery WordPress 图片轮播插件， 内容滚动插件，前后切换幻灯片形式显示

用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你.Nivo Slider首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本.目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如下特色:? 16个独特的过渡效果? 简洁和有效的标记? 加载参数设置?

利用PHP实现登录与注册功能以及使用PHP读取mysql数据库——以表格形式显示数据

登录界面 <body><form action="login1.php" method="post"><div>用户名:<input type="text" name="uid" /></div><br /><div>密码:<input type="password" name="pwd" />

js数据显示在文本框中(页面加载显示和按钮触动显示)

web代码如下: <!DOCTYPE html> <html> <head> <title>jsTest02.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is

CSS制作三角形和按钮

CSS制作三角形和按钮 用上一篇博文中关于边框样式的知识点,能制作出三角形和按钮. 我先说如何制作三角形吧,相信大家在平时逛网站的时候都会看到一些导航栏中的三角形吧,比如说: 网易首页的头部菜单栏中,也会有这样的三角形 当鼠标经过时,三角形会垂直翻转,如下 现在我分享制作三角形的做法,主要是利用边框做成的 首先,四个三角形合并在一起的正方形,也就是正方形的四条边框形成的四个三角形 源代码: <!DOCTYPE html> <html lang="en"> <

C#程序以Icon的形式显示在任务栏右下角

Form最小化是指整个Form都缩小到任务栏上,但是是以Form的标题栏形式显示的,若是想让Form以Icon的形式显示在任务栏右下角,则需要给Form添加一个NotifyIcon控件,在使窗体最小化的代码中需要做如下修改: if(this.WindowState==FormWindowState.Normal&&this.Visible==true) { this.notifyIcon1.Visible=true;//在通知区显示Form的Icon this.WindowState=Fo

修ecshop品牌筛选以LOGO图片形式显示

如何实现商品列表页属性筛选区品牌筛选以LOGO形式展示,最模板总结ecshop/'>ecshop教程入下: 1.修改 category.php 文件,将(大概215行) $sql = "SELECT b.brand_id,b.brand_logo, b.brand_name, COUNT(*) AS goods_num ". 在(大概227行) $brands[$temp_key]['brand_name'] = $val['brand_name']; 下面增加 $brands[

HTML超连接(a标记)

在HTML中如果你想从这个页面连接到另一个页面就要使用a标记(超连接) 1.普通连接 <a href="网址" target="目标窗口弹出方式">文本或图片</a> 如果没有跳转目标可以将href="#'(表示空连接).如果不写文本或不添加图片那么超链接是看不见的,也点不到. 2.锚点连接 <a href="#box">盒子</a> 这就是一个锚点连接,它的跳转目标就是id为box的标记