当前位置：首页 > 编程日记 > 正文

纯CSS3制作的圆角效果按钮菜单

编程日记 2024-03-13 05:00:01

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>纯CSS3制作的圆角效果按钮菜单丨曲阳雕塑</title>
<style type="text/css">
nav{display: block; width: 100%; overflow: hidden;}
nav ul{margin: 80px 0 20px 0; padding: .7em; float: left; list-style: none; background: #444; background: rgba(0,0,0,.2); -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;}
nav li{float:left;}
nav a{float:left; padding: .8em 1.5em; text-decoration: none; color: #555; text-shadow: 0 1px 0 rgba(255,255,255,.5); font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica; letter-spacing: 1px; text-transform: uppercase; border-width: 1px; border-style: solid; border-color: #fff #ccc #999 #eee; background: #c1c1c1; background: -moz-linear-gradient(#f5f5f5, #c1c1c1); background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1)); background: -webkit-linear-gradient(#f5f5f5, #c1c1c1); background: -o-linear-gradient(#f5f5f5, #c1c1c1); background: -ms-linear-gradient(#f5f5f5, #c1c1c1); background: linear-gradient(#f5f5f5, #c1c1c1);}
nav a:hover, nav a:focus{outline: 0; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.2); background: #fac754; background: -moz-linear-gradient(#fac754, #f8ac00); background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00)); background: -webkit-linear-gradient(#fac754, #f8ac00); background: -o-linear-gradient(#fac754, #f8ac00); background: -ms-linear-gradient(#fac754, #f8ac00); background: linear-gradient(#fac754, #f8ac00);}
nav a:active{-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset; box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;}
nav li:first-child a{border-left: 0; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
nav li:last-child a{border-right: 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}
</style>
</head>
<body>
<nav><ul><li><a href="#">Home</a></li><li><a href="#">Categories</a></li><li><a href="#">About</a></li><li><a href="#">Portfolio</a></li><li><a href="#">Contact</a></li></ul>
</nav>
</body>
</html><br><font color=black>▲　目前IE8及以前版本不兼容CSS3，请使用IE9/火狐/Chrome浏览器运行本效果。<br><hr></font>

转载于:https://www.cnblogs.com/youtianxia/p/4747462.html

https://www.dkcj.cn/info/3077.html

java 左右键_js 区分鼠标左右键点击

oncontextmenu 是右键事件但是滚轮事件并没有获取到, 使用vue可以用middle获取Title.box {width: 200px;height: 200px;background: deepskyblue;}let div document.getElementById(app)div.oncontextmenu function (e) {e.preventDefault();console.log(右键, e.button)};d…

编程日记2024/03/13 04:30:00

面向对象设计领域的OCP原则

一、OCP简介（OCP--Open-Closed Principle ）：Software entities(classes,modules,functions,etc.) should be open for extension, but closed for modification。软件实体应当对扩展开放，对修改关闭，即软件实体应当在不…

编程日记2024/03/13 04:00:00

Python教学课程分享9-面向对象编程

面向对象程序设计的思想主要是针对大型软件设计而提出的，它的一个关键性观念是将数据以及对数据的操作封装在一起，组成一个相互依存、不可分割的整体，即不同对象之间通过消息机制来通信或者同步。对于相同类型对象进行分类、抽象后&#xff0…

编程日记2024/03/13 03:30:00

UE capability与双连接相关的参数。

UE capability 分为 Network capability 和 Radio capability, 即网络能力和无线能力。 Netowrk Capability UE 在做Attach Request 时会主动上报自己的网络能力；Radio Capability 网络侧下发Enquiry Capability来请求UE无线能力，UE 回复capability inf…

编程日记2024/03/13 03:00:00

Linux下Tomcat的安装配置

Linux下Tomcat的安装配置一.下载安装对应的jdk,并配置Java环境。官网下载地址： http://www.oracle.com/technetwork/java/javase/downloads/jdk-6u26-download-400750.html 下载将jdk加压后放到/usr/local目录下： [rootmaster ~]#chmod 755 jdk-6u5-li…

编程日记2024/03/13 02:30:00

python登录代码思路_用python登录Dr.com思路以及代码分享

用python登录Dr.com思路以及代码分享发布于 2014-08-28 22:31:52 | 192 次阅读 | 评论: 0 | 来源: 网友投递Python编程语言Python 是一种面向对象、解释型计算机程序设计语言，由Guido van Rossum于1989年底发明，第一个公开发行版发行于1991年。Python语法…

编程日记2024/03/13 02:00:00

postgresql开发中可能有用的知识

2019独角兽企业重金招聘Python工程师标准>>> postgresql手册一、PostgreSQL中可以直接对时间进行加减运算： 查询系统当前时间： select now();或者select current_timestamp;SELECT now()::timestamp 1 year; --当前时间加1年SELECT now():…

编程日记2024/03/13 01:30:00

css实现 textarea 高度自适应

此textarea非彼textarea ，有经验的老司机们应该知道html标签contenteditable这个属性。利用此属性使当前的标签成为可以输入的状态，等同于输入框。演示地址：https://xibushijie.github.io/static/textareaHeihgAuto.html <!DOCTYPE html…

编程日记2024/03/13 01:00:00

LTE PUCCH Format1

PUCCH 格式 1/1a/1b 是向eNodeB传递1或2或4位数据。这个过程相当复杂，我们用如下3个章节来描述： PUCCH Format 1,1a,1b 所在RB位置PUCCH F1信号的生成PUCCH 多UE 复用 PUCCH Format 1,1a,1b 所在RB位置 LTE中有很多课题(尤其是物理层)，如…

编程日记2024/03/13 00:30:00

innodb force recovery

innodb force recovery的6种设置： 1.innodb force recovery1，即使发现了损坏页面也继续让服务器继续运行，这个选项对于备份或者转存当前数据尤为有用2.innodb force recovery2，阻止恢复主线程的运行，如果清除操作会导致…

编程日记2024/03/13 00:00:00

随机森林 java_机器学习weka，java api调用随机森林及保存模型

工作需要，了解了一下weka的java api，主要是随机森林这一块，刚开始学习，记录下。了解不多，直接上demo，里面有一些注释说明：package weka;import java.io.File;import weka.classifiers.Classifie…

编程日记2024/03/12 23:30:00

[转载]64位linux安装WPS

2019独角兽企业重金招聘Python工程师标准>>> 网上下载了最新的WPS＊.deb 安装后发现运行不了。（点Unity > WP搜出来的图标） 还以为安装有问题。于是重装了几次。还是不成功。然后打开终端 wps 原来是程序出错了提示找不到/opt…

编程日记2024/03/12 23:00:00

mybatis报错There is no getter for property named '' in 'class '

mybatis报错There is no getter for property named *** in class ***， 检查一看是xml中映射字段拼写错误，大小写。有的时候用插件生成了原始的代码没问题，增加了一个字段在没有再自动生成的时候， 喜欢自己手动加一部分进去&…

编程日记2024/03/12 22:30:00

LTE - PUCCH Format2

LTE中有很多课题(尤其是物理层)，如果不仔细阅读规范中给出的每个参数和方程，是无法解释清楚的。物理资源分配就是其中之一。 PUCCH格式2/2a/2b的物理资源分配由以下过程确定。看到这些公式千万不要惊慌，方程本身就是高中数学的一部分&#xf…

编程日记2024/03/12 22:00:00

数据绑定（Binding）

Windows Presentation Foundation (WPF) 中的数据绑定为应用程序提供了一种简单、一致的数据表示和交互方法。元素能够以公共语言运行时 (CLR) 对象和 XML 形式绑定到来自各种数据源的数据。什么是数据绑定？ 数据绑定是在应用程序 UI 与业务逻辑之间建立连接的过程…

编程日记2024/03/12 21:30:01

java exception源码_Java异常之 Error 和 Exception

简单了解 Java 异常1、实际工作中，遇到的情况不可能是非常完美的。比如：你写的某个模块，用户输入不一定符合你的要求；你的程序要打开某个文件，这个文件可能不存在或者文件格式不对；你要读取数据库的数据&am…

编程日记2024/03/12 21:00:00

面向对象解决了全局变量问题？

2019独角兽企业重金招聘Python工程师标准>>> 全局变量的应用场景程序中的某些资源之多能有一个，比如计数器、配置信息、程序运行状态等，而且许多地方需要访问他，那么这个资源就应该，也只能设置成全局变量。在稍微大点…

编程日记2024/03/12 20:30:00

物理层UL基本流程

物理层发端的基本流程在36.211/36.212(NR:38.211/38.212)中有详细的描述，现在归纳如下。下面列出的每个步骤对于某些信道而言可能会增加其它步骤，也可能有些步骤不需要。 CRC 相关信道编码(channel coding) LTE: NR: 加扰-Scrambling 加扰过程是da…

编程日记2024/03/12 20:00:01

java 建树源码_Java实现的二叉树常用操作【前序建树，前中后递归非递归遍历及层序遍历】...

import java.util.ArrayDeque;import java.util.Queue;import java.util.Stack;//二叉树的建树，前中后递归非递归遍历层序遍历//Node节点class Node {int element;Node left;Node right;public Node() {}public Node(int element) {this.element element;}}// Bi…

编程日记2024/03/12 19:30:00

html5小趣味知识点系列（一）autofocus

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>autofocus</title> </head> <body><input type"text" autofocus value"页面中只能有一个哦"><!-- 如…

编程日记2024/03/12 19:00:00

cisco aaa 授权后门测试

最近遇到一个客户aaa没有正确的配置，导致自己被关在设备外面的case；由于是生产环境的多交换机堆叠单元，重启忽略配置也是不允许的，且必须远程操作解决，无疑提升了解决问题的难度。多次尝试后发现通过cisco acs上的一些…

编程日记2024/03/12 18:30:01

hive的基本命令

创建表 CREATE TABLE pokes (foo INT, bar STRING); 创建表并创建索引字段ds CREATE TABLE invites (foo INT, bar STRING) PARTITIONED BY (ds STRING); 显示所有表 SHOW TABLES; 按正条件（正则表达式）显示表， SHOW TABLES .*s; 表添加一列…

编程日记2024/03/12 18:00:00

$y= Hx +n$