HTML中用盒子模型写右键菜单项

Dear 丶 2021-09-15 11:30 300阅读 0赞

<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<title>盒子模型做右键菜单</title>  
<style type="text/css">  
.box\{  
width: 200px;  
background-color: \#E6E6E6;  
  
  
\}  
       .box1\{  
        width: 150px;  
        height: 30px;  
        line-height: 30px;  
        margin:10px 8px 8px 8px;  
        padding-left: 30px;  
       \}  
       .box1:hover\{  
        background-color: \#0080FF;  
  
  
       \}  
       .box2\{  
        border-bottom: 1px solid \#808080;  
       \}  
       .one,.three,.nine,.twelve\{  
        background: url(img/con1\_bg1.png) no-repeat right center;  
       \}  
       .two\{  
        background: url(img/con1\_bg2.png) no-repeat left center;  
       \}  
       .four\{  
        background: url(img/con2\_bg1.png) no-repeat left center;  
       \}  
  
  
</style>  
</head>  
<body>  
<div class="box">  
<div class="box1 one">工具栏</div>  
<div class="box1 two">状态栏</div>  
<div class="box1 box2 three">浏览器栏</div>  
<div class="box1 four">缩略图</div>  
<div class="box1">平铺</div>  
<div class="box1">图标</div>  
<div class="box1">列表</div>  
<div class="box1 box2  ">详细信息</div>  
<div class="box1  box2  nine ">排列图标</div>  
<div class="box1">选择详细信息</div>  
<div class="box1 box2">自定义文件夹</div>  
<div class="box1 twelve">转到</div>  
<div class="box1">刷新</div>  
</div>  
  
  
  
</body>

</html>

![70][]![70 1][]

[70]: https://img-blog.csdn.net/20180523220726858?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhbnNlZ3VodWk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: /images/20210813/dfbe772ae78a4bcb838d852535a754af.png

发表评论取消回复

表情：

评论列表（有 0 条评论，300人围观）

还没有评论，来说两句吧...

相关阅读

相关右键菜单_Word右键菜单，你用好了么？

从2007版开始，OFFICE的界面风格从菜单、工具栏转为功能区(Ribbon)选项卡风格已经10年了，大家早已经习惯了从各个选项卡中执行命令的快捷。今天，回头哥要和大家分享的

阳光穿透心脏的1/2处/ 2023年01月07日 05:56/ 0 赞/ 405 阅读

相关在IE右键菜单中添加菜单项

如何添加IE右键菜单 <table style="TABLE-LAYOUT: fixed"> <tbody> <tr> <td> <div>

比眉伴天荒/ 2022年09月18日 05:49/ 0 赞/ 330 阅读

相关 svn 右键菜单

TortoiseSVN是windows下其中一个非常优秀的SVN客户端工具。通过使用它，我们可以可视化的管理我们的版本库。不过由于它只是一个客户端，所以它不能对版本库进行权限管

小灰灰/ 2022年09月17日 08:29/ 0 赞/ 247 阅读

相关右键菜单

.h: afx\_msg void OnContextMenu(CWnd\ pWnd, CPoint point); afx\_msg void OnCopy();

青旅半醒/ 2022年08月27日 03:38/ 0 赞/ 334 阅读

相关 MFC右键菜单

原文档地址：[http://wenku.baidu.com/view/f7fdc60a6c85ec3a87c2c5d1.html][http_wenku.baidu.com

男娘i/ 2022年08月05日 11:29/ 0 赞/ 275 阅读

相关 ext 右键菜单

<mce:script type="text/javascript" language="javascript"><!-- Ext.onReady(function()\{ /

痛定思痛。/ 2022年07月12日 07:55/ 0 赞/ 287 阅读

相关 IE右键菜单项添加

新建一个后缀为“.reg”的文本文档，添加如下内容: > REGEDIT4 > > \[HKEY\_CURRENT\_USER\\Software\\Microsoft\\

朱雀/ 2021年12月13日 16:33/ 0 赞/ 415 阅读

相关 HTML中用盒子模型写windows预警框

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>windows预警框

Love The Way You Lie/ 2021年09月15日 11:30/ 0 赞/ 301 阅读

相关 HTML中用盒子模型写右键菜单项

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子模型做右键菜单<

Dear 丶/ 2021年09月15日 11:30/ 0 赞/ 301 阅读

相关 html中用无序列表实现简单的右键菜单

<!DOCTYPE html> <html lang="zh-CH"> <head> <meta charset="UTF-8"> <title>无序列表右键菜

约定不等于承诺〃/ 2021年09月15日 11:30/ 0 赞/ 331 阅读