<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <style type="text/css"> body{ margin:0px; padding:0px; } #MaxBox{ margin:0px auto; padding:0px; width:950px; height:500px; background:#FFF; } .navX{ -moz-transform: rotate(0deg) scale(1, 1) skewX(-30deg) skewY(0deg) translate(14px, 0px);/* FF3.5+ */ -webkit-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(14px, 0px);/*Saf3.1+, Chrome*/ -o-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(14px, 0px);/* Opera 10.5 */ -ms-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(14px, 0px);/* IE 9 */ transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(14px, 0px); } .navXR{ -moz-transform: rotate(0deg) scale(1, 1) skewX(30deg) skewY(0deg) translate(-14px, 0px );/* FF3.5+ */ -webkit-transform: rotate(0deg) scale(1, 1) skew(30deg, 0deg) translate(-14px, 0px);/*Saf3.1+, Chrome*/ -o-transform: rotate(0deg) scale(1, 1) skew(30deg, 0deg) translate(-14px, 0px);/* Opera 10.5 */ -ms-transform: rotate(0deg) scale(1, 1) skew(30deg, 0deg) translate(-14px, 0px);/* IE 9 */ transform: rotate(0deg) scale(1, 1) skew(30deg, 0deg) translate(-14px, 0px); } .navXR{ background:#990; text-align:center; color:#FFF; line-height:50px; text-decoration:none; } </style> <body> <div class="navX" style="background:#930; border-right:solid 5px #FFFFFF; height:50px;width:100px; overflow:hidden; float:left;"> <a href="###/1.html"><div class="navXR" style="height:50px;width:128px;">主页</div></a> </div> <div class="navX" style="background:#930; border-right:solid 5px #FFFFFF; height:50px;width:100px; overflow:hidden; float:left;"> <a href="###/11.html"><div class="navXR" style="height:50px;width:128px;">软件产品</div></a> </div> <div class="navX" style="background:#930; border-right:solid 5px #FFFFFF; height:50px;width:100px; overflow:hidden; float:left;"> <a href="###/111.html"><div class="navXR" style="height:50px;width:128px;">解决方案</div></a> </div> <div class="navX" style="background:#930; border-right:solid 5px #FFFFFF; height:50px;width:100px; overflow:hidden; float:left;"> <a href="###/1111.html"><div class="navXR" style="height:50px;width:128px;">网上招聘</div></a> </div> <div class="navX" style="background:#930; height:50px;width:100px; overflow:hidden; float:left;"> <a href="###/11111.html"><div class="navXR" style="height:50px;width:128px;">联系我们</div></a> </div> </body> </html>
效果图:
相关推荐
棱形成形车刀设计.doc
按要求输出棱形的C语言....各种要求 不过要输入奇数
Java空心棱形的源代码(本人是初学者,各位看官见笑了^-^).
四边棱形图PPT模板.pptx,四边棱形图PPT,适用于分析与图案有关或者标志有关等各种情况,可以用在旅游行业PPT中,网络行业PPT中,设计行业PPT中,黄色的棱形图下面有两个不同的箭头分别指向过去和将来,有很
这是一款纯CSS3鼠标hover图片条纹遮罩层动画特效。该特效在鼠标悬停图片上面时,背景遮罩层变形为棱形,中间显示图片,旁边是紫色条纹。同时展示图片的描述文字和链接图标等。
HTML5棱形动态背景登录框代码是一款简单的用户登录框样式代码。
三棱形的轴毂联接有限元分析,陈小龙,陈进,针对军事武器和F1赛车上使用的三棱形轴毂新型联接方式,使用Pro/Engineer软件分别对三棱形轴毂进行实体建模,选其过渡配合中的最大过�
非常漂亮的一款HTML5棱形背景动画网站登录框代码,可作为网站前台用户和后台管理员登录页面样式。
这是一个控制台程序,显示自定义大小和平移长度的棱形
学习java是,需要打印棱形,这是一个实体的
CSS3多种不同颜色进度条是一款线条状的CSS3进度条,这款进度条有两个特点:一是随着进度条的进度更新,都会有数字百分比实时显示,让数据更加直观;二是在不同的进度阶段,进度条的颜色会有所变化,这样能更好的反应...
matlab开发-体积脂肪三棱形表面网格。一个带有额外参数的修正函数,用于面法线
几种棱形天线的制作,wifi用,简单实用
visio库(箭头,连接线,矩形圆形棱形等常用形状)支持2003和2010. 将附件放在我的文档的visio文件夹下,解压,替换掉软件本身的,即可.
这是用c++编写的菱形,可以控制菱形的行数来实现输出
行业资料-电子功用-其上附有引线板的棱形二次电池的说明分析.rar
H5点击切换六角形背景特效是一款基于HTML5 Canvas绘制的彩色六角菱形拼接的背景图案特效。
实现了数字图像处理中的中值滤波,包含线、十字、X,方形、棱形、圆形窗口的滤波窗口。全都是自己写的,有注释。适用于交作业和研究学习中值滤波的朋友
HTML5棱形动态背景登录框代码是一款简单的用户登录框样式代码。