CSS3 基础（009_按钮）

最新推荐文章于 2024-10-16 23:00:23 发布
最新推荐文章于 2024-10-16 23:00:23 发布
阅读量486 收藏
点赞数
分类专栏： CSS 文章标签： css3

原始网址：http://www.w3schools.com/css/css3_buttons.asp

翻译：

CSS 按钮（CSS Buttons）

学习使用 CSS 如何样式化按钮。

基本按钮样式（Basic Button Styling）

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.btn {
    background-color: #4caf50;
    border: medium none;
    color: #ffffff;
    font-size: 16px;
    margin: 16px 0 !important;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.4s;
}
</style>
</head>
<body>
    <p>
        <button style="margin-right: 25px;">Default Button</button>
        <button class="btn w3-green">CSS Button</button>
    </p>
</body>
</html>

按钮颜色（Button Colors）

使用 属性改变按钮的背景色：

.button1 {background-color: #4CAF50;} /* Green */
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */
.button4 {background-color: #e7e7e7; color: black;} /* Gray */
.button5 {background-color: #555555;} /* Black */
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */
.button4 {background-color: #e7e7e7;color: black;} /* Gray */
.button5 {background-color: #555555;} /* Black */
</style>
</head>
<body>
    <h2>Button Colors</h2>
    <p>Change the background color of a button with the background-color property:</p>
    <button class="button">Green</button>
    <button class="button button2">Blue</button>
    <button class="button button3">Red</button>
    <button class="button button4">Gray</button>
    <button class="button button5">Black</button>
</body>
</html>

使用 font-size 属性改变按钮的大小：

.button1 {font-size: 10px;}
.button2 {font-size: 12px;}
.button3 {font-size: 16px;}
.button4 {font-size: 20px;}
.button5 {font-size: 24px;}
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {font-size: 10px;}
.button2 {font-size: 12px;}
.button3 {font-size: 16px;}
.button4 {font-size: 20px;}
.button5 {font-size: 24px;}
</style>
</head>
<body>
    <h2>Button Sizes</h2>
    <p>Change the font size of a button with the font-size property:</p>
    <button class="button button1">10px</button>
    <button class="button button2">12px</button>
    <button class="button button3">16px</button>
    <button class="button button4">20px</button>
    <button class="button button5">24px</button>
</body>
</html>

使用 padding 属性改变按钮的内边距：

.button1 {padding: 10px 24px;}
.button2 {padding: 12px 28px;}
.button3 {padding: 14px 40px;}
.button4 {padding: 32px 16px;}
.button5 {padding: 16px;}
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {padding: 10px 24px;}
.button2 {padding: 12px 28px;}
.button3 {padding: 14px 40px;}
.button4 {padding: 32px 16px;}
.button5 {padding: 16px;}
</style>
</head>
<body>
    <h2>Button Sizes</h2>
    <p>Change the padding of a button with the padding property:</p>
    <button class="button button1">10px 24px</button>
    <button class="button button2">12px 28px</button>
    <button class="button button3">14px 40px</button>
    <button class="button button4">32px 16px</button>
    <button class="button button5">16px</button>
</body>
</html>

圆角按钮（Rounded Buttons）

使用 border-radius 属性给按钮添加圆角：

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;}
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;}
</style>
</head>
<body>
    <h2>Rounded Buttons</h2>
    <p>Add rounded corners to a button with the border-radius property:</p>
    <button class="button button1">2px</button>
    <button class="button button2">4px</button>
    <button class="button button3">8px</button>
    <button class="button button4">12px</button>
    <button class="button button5">50%</button>
</body>
</html>

按钮边框色（Colored Button Borders）

使用 border 属性给按钮添加边框色：

.button1 {
    background-color: white;
    color: black;
    border: 2px solid #4CAF50; /* Green */
}
...
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {
    background-color: white;
    color: black;
    border: 2px solid #4CAF50;
}

.button2 {
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
}

.button3 {
    background-color: white;
    color: black;
    border: 2px solid #f44336;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}
</style>
</head>
<body>
    <h2>Colored Button Borders</h2>
    <p>Use the border property to add a border to the button:</p>
    <button class="button button1">Green</button>
    <button class="button button2">Blue</button>
    <button class="button button3">Red</button>
    <button class="button button4">Gray</button>
    <button class="button button5">Black</button>
</body>
</html>

按钮悬浮效果（Hoverable Buttons）

当移动鼠标指针悬停按钮之上的时候，使用 :hover 选择器改变按钮式样。
提示：使用 transition-duration 属性可确定 "hover" 效果的速率：

.button {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button:hover {
    background-color: #4CAF50; /* Green */
    color: white;
}
...
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: white;
    color: black;
    border: 2px solid #4CAF50;
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}

.button2 {
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white;
    color: black;
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {
    background-color: #e7e7e7;
}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
</style>
</head>
<body>
    <h2>Hoverable Buttons</h2>
    <p>Use the :hover selector to change the style of the button when
        you move the mouse over it.</p>
    <p>
        <strong>Tip:</strong> Use the transition-duration property to
        determine the speed of the "hover" effect:
    </p>
    <button class="button button1">Green</button>
    <button class="button button2">Blue</button>
    <button class="button button3">Red</button>
    <button class="button button4">Gray</button>
    <button class="button button5">Black</button>
</body>
</html>

按钮阴影（Shadow Buttons）

使用 box-shadow 属性给按钮添加阴影：

.button1 {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button1 {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
</style>
</head>
<body>
    <h2>Shadow Buttons</h2>
    <p>Use the box-shadow property to add shadows to the button:</p>
    <button class="button button1">Shadow Button</button>
    <button class="button button2">Shadow on Hover</button>
</body>
</html>

按钮不可用（Disabled Buttons）

使用 opacity 属性给按钮添加透明效果（创建 "disabled" 外观）。
提示：你也可以添加值为 "not-allowed" 的 cursor 属性，当你的鼠标指针悬停于按钮之上的时候，将呈现 “no parking sign”：

.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
</style>
</head>
<body>
    <h2>Disabled Buttons</h2>
    <p>Use the opacity property to add some transparency to the button (make it look disabled):</p>
    <button class="button">Normal Button</button>
    <button class="button disabled">Disabled Button</button>
</body>
</html>

按钮宽度（Button Width）

默认情况下，按钮的大小由文本内容确定（与之宽度相当）。使用 width 属性改变按钮的宽度：

.button1 {width: 250px;}
.button2 {width: 50%;}
.button3 {width: 100%;}
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {width: 250px;}
.button2 {width: 50%;}
.button3 {width: 100%;}
</style>
</head>
<body>
    <h2>Button Width</h2>
    <p>Use the width property to change the width of the button:</p>
    <p>
        <strong>Tip:</strong> Use pixels if you want to set a fixed width and
        use percent for responsive buttons (e.g. 50% of its parent element). Resize the browser window to see the effect.
    </p>
    <button class="button button1">250px</button>
    <br>
    <button class="button button2">50%</button>
    <br>
    <button class="button button3">100%</button>
</body>
</html>

Button Groups

去掉 margins，对每个按钮再添加 float:left 以创建 button group：

.button {
    float: left;
}
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: left;
}

.button:hover {
    background-color: #3e8e41;
}
</style>
</head>
<body>
    <h2>Button Groups</h2>
    <p>Remove margins and float the buttons to create a button group:</p>

    <button class="button">Button</button>
    <button class="button">Button</button>
    <button class="button">Button</button>
    <button class="button">Button</button>

    <p style="clear: both">
        <br>Remember to clear floats after, or else will this p element also float next to the buttons.
    </p>
</body>
</html>

Bordered Button Groups

使用 border 属性创建 bordered button group：

.button {
    float: left;
    border: 1px solid green
}
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: 1px solid green;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: left;
}

.button:hover {
    background-color: #3e8e41;
}
</style>
</head>
<body>

<h2>Bordered Button Group</h2>
<p>Add borders to create a bordered button group:</p>

<button class="button">Button</button>
<button class="button">Button</button>
<button class="button">Button</button>
<button class="button">Button</button>

<p style="clear:both"><br>Remember to clear floats after, or else will this p element also float next to the buttons.</p>

</body>
</html>

带有动画效果的按钮（Animated Buttons）

<!-- 悬停时添加箭头效果 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.button {
    display: inline-block;
    border-radius: 4px;
    background-color: #f4511e;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 28px;
    padding: 20px;
    width: 200px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}

.button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.button span:after {
    content: "»";
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

.button:hover span {
    padding-right: 25px;
}

.button:hover span:after {
    opacity: 1;
    right: 0;
}
</style>
</head>
<body>
    <h2>Animated Button</h2>
    <button class="button" style="vertical-align: middle"><span>Hover </span></button>
</body>
</html>
<!-- 点击时添加涟漪效果 -->
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    position: relative;
    background-color: #4CAF50;
    border: none;
    font-size: 28px;
    color: #FFFFFF;
    padding: 20px;
    width: 200px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.button:after {
    content: "";
    background: #f1f1f1;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.button:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}
</style>
</head>
<body>
    <h2>Animated Button - Ripple Effect</h2>
    <button class="button">Click Me</button>
</body>
</html>
<!-- 点击时添加按压效果 -->
<!DOCTYPE html>
<html>
<head>
<style>
.button {
    display: inline-block;
    padding: 15px 25px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #4CAF50;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
}

.button:hover {
    background-color: #3e8e41
}

.button:active {
    background-color: #3e8e41;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}
</style>
</head>
<body>
    <h2>Animated Buttons - "Pressed Effect"</h2>
    <button class="button">Click Me</button>
</body>
</html>
柯南道尔2606
关注
专栏目录
渐变按钮 css,CSS3 Gradient Buttons
weixin_36337756的博客
08-03 1456
前面在《CSS3 Gradient》一文中详细介绍了CSS3中的Gradient属性的使用，一直没来得急介绍这方面的实例，今天在Nick La (@nickla)的Web Designer Wall中看到了一篇《CSS3 Gradient Buttons》主要介绍用CSS3中的Gradient属性制作Buttons的效果。觉得蛮好的，特意整理一份放上来与大家分享。使用CSS3属性制作渐变按钮,我们...
css3详解
2301_79683791的博客
03-03 2500
CSS新手指南，CSS3必会知识，css3该怎么学，CSS入门技巧
波纹按钮
戒不掉忘忧君的博客
10-20 247
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;style&gt; .button { position: relative; background-color: #4CAF50; border: none; font-size: 28px; ...
CSS top、margin-top和padding-top的区别
热门推荐
王景迁的博客
07-26 1万+
参考文献 CSS padding 属性 CSS里的padding是什么意思？ CSS margin 属性 top、margin-top的区别 padding指内边距，是盒子里面内容到边框的距离，不允许使用负值。 padding:10px 5px; 上内边距和下内边距是10px，右内边距和左内边距是5px。 padding:1px 2px 3px 4px; (上
css设置图标居左_CSS基础
weixin_35547906的博客
12-24 2723
CSS基础第一章css基础语法每个css样式由两部分组成，即选择符和声明，声明又分为属性和属性值。属性必须放在花括号中，属性与属性值用冒号连接。每条声明用分号结束。属性值与属性值不分先后顺序。选择符{属性：属性值;}div{width:500px; height:500px;}样式的建立：1.内部样式(最好写在中)内部样式表(嵌套到页面中)语法：css语句background:背景色div{wid...
零基础CSS入门教程(26)–CSS按钮实例
程序员大阳
11-12 1970
点此查看全部文字教程、视频教程、源代码 本教程已配套视频教程，点此查看 本文目录1. 前言2. 目标分析3. 外观设计3.1 普通按钮3.2 尺寸仿照3.3 修改颜色与背景色3.4 边框处理3.5 字体大小4. 效果设计5. 小结 1. 前言 如下图，通过前面第24篇至第48篇的学习，我们已经基本掌握了CSS常用的知识点。当然，不是全部的知识点都讲解了，其他的知识点大家可以再以后的学习实践过程中，逐步掌握。 从本篇开始，我们会讲解几个CSS的应用实例，让大家更好的把之前所学的知识融会贯通。对于计算
使用CSS3制作幽灵按钮
小公举的踩坑日记
03-19 1740
使用CSS3制作幽灵按钮 1、什么是幽灵按钮 透明按钮，顾名思义，就是在设计网页按钮时，不再设计复杂色彩、样式和纹理， 而是外仅以线框示意轮廓，内只用文字示意功能，背景透出，与整个页面/背景合而为一的设计方式。 国外的设计师称之为“幽灵按钮”（Ghost Buttons），盛赞这种按钮通透简约， 贴合整体风格又不失神韵，别具魅力。这种按钮的设计早已有之，但是...
使用 CSS 实现各种形状按钮
hkw20的博客
12-05 8851
使用 CSS 轻松实现高频出现的各类奇形怪状按钮 使用 CSS 实现稍微有点难度和技巧性的按钮 矩形与圆角按钮 正常而言，我们遇到的按钮就这两种 – 矩形和圆角： 它们非常的简单，宽高和圆角和背景色。 <div class='btn rect'>rect</div> <div class='btn circle'>circle</div> .btn { margin: 8px auto; flex-s
CSS 轻松实现常见各类奇形怪状按钮
柑橘乌云_
06-24 1543
基于上述的实现，我们不难发现，一些稍微特殊的按钮，无非都通过拼接、障眼法、遮罩等方式实现。渐变（线性渐变、径向渐变、多重渐变）遮罩mask裁剪clip-path变形transform发挥了重要的作用，熟练使用它们，我们对于这些图形就可以信手拈来，基于它们的变形也能从容面对。上述的图形，再配合，基本都能实现不规则阴影。再者，更为复杂的图形，如下所示：还是切图吧，CSS 虽好，实际使用中也需要考虑投入产出比。
css实现3D弹性按钮以及box-shadow特性说明
分享互联网的有趣知识~
03-19 1100
box-shadow属性用于在元素的框架上添加阴影效果，通过该效果可以实现盒边框、选中高亮、弹性按钮特效，也可以通过阴影探索出一些更有意思的特效。
CSS3点击波浪按钮特效_CSS3_波浪_
10-01
在网页设计中，CSS3（层叠样式表第三版）为开发者提供了丰富的视觉效果和交互体验，其中之一就是“点击波浪按钮特效”。这种特效能够使按钮在被点击时产生如同水波扩散的效果，增强了用户的交互体验，使得按钮更加...
多人聊天_html5_nodejs_CSS3_websocket_
09-29
这个项目以“多人聊天_html5_nodejs_CSS3_websocket_”为标题，显然它利用了现代Web技术来实现这样一个功能。让我们详细探讨一下这个项目所涉及的关键知识点。 首先，HTML5（超文本标记语言第五版）是构建Web页面的...
23div+css.rar_DIV_css_css div_div+css_分页
09-14
3. **交互性**：使用CSS伪类（如`:hover`, `:active`, `:focus`）为鼠标悬停、点击和聚焦状态添加动态效果。 4. **响应式设计**：确保分页导航在不同屏幕尺寸和设备上都能正常工作，可能需要调整布局和元素大小。 5....
纯CSS3按钮3D效果
06-24
纯CSS3按钮3D效果是一种利用CSS3的特性来创建具有立体感的交互式按钮的技术。在现代网页设计中，这种效果能为用户提供更丰富的视觉体验，尤其在鼠标悬停或点击时，按钮的3D变化能增加互动性和吸引力。下面我们将详细...
dhtml_html_css.rar_css_css 网页_网页 css_网页设计 html_网页设计html
09-21
JavaScript是DHTML的关键，通过它可以响应用户的交互，如点击按钮、填写表单等，同时也可以实现动画效果和页面逻辑。 压缩包中的文件"**dhtml&html&css.chm**"很可能是一个帮助文档，它可能详细介绍了这些技术的...
现今 CSS3 最强二维布局系统 Grid 网格布局
qq_73220073的博客
10-13 1175
Grid 布局是一个基于网格的二位布局系统，是目前 CSS 最强的布局系统，它可以同时对列和行进行处理（它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局） CSS3 最强布局系统 Grid 布局 二维布局系统
css3新增都知识点
2301_80365562的博客
10-16 278
属性选择器、伪类选择器、伪元素选择器。
上市公司财务指标现金流分析1991-202406的网盘链接.docx
10-20
Stkcd [股票代码] ShortName [股票简称] Accper [统计截止日期] Typrep [报表类型编码] Indcd [行业代码] Indnme [行业名称] Source [公告来源] F060101B [净利润现金净含量] F060101C [净利润现金净含量TTM] F060201B [营业收入现金含量] F060201C [营业收入现金含量TTM] F060301B [营业收入现金净含量] F060301C [营业收入现金净含量TTM] F060401B [营业利润现金净含量] F060401C [营业利润现金净含量TTM] F060901B [筹资活动债权人现金净流量] F060901C [筹资活动债权人现金净流量TTM] F061001B [筹资活动股东现金净流量] F061001C [筹资活动股东现金净流量TTM] F061201B [折旧摊销] F061201C [折旧摊销TTM] F061301B [公司现金流1] F061302B [公司现金流2] F061301C [公司现金流TTM1] F061302C [公司现金流TTM2] F061401B [股权现金流1] F061402B [股权现金流2] F061401C [股权现金流TTM1] F061402C [股权现金流TTM2] F061501B [公司自由现金流(原有)] F061601B [股权自由现金流(原有)] F061701B [全部现金回收率] F061801B [营运指数] F061901B [资本支出与折旧摊销比] F062001B [现金适合比率] F062101B [现金再投资比率] F062201B [现金满足投资比率] F062301B [股权自由现金流] F062401B [企业自由现金流] Indcd1 [行业代码1] Indnme1 [行业名称1] 季度数据，所有沪深北上市公司的 分别包含excel、dta数据文件格式及其说明，便于不同软件工具对数据的分析应用 数据来源：基于上市公司年报及公告数据整理，或相关证券交易所、各部委、省、市数据 数据范围：基于沪深北证上市公司 A股（主板、中小企业板、创业板、科创板等）数据整理计算
Jetpack编写桌面数据包捕获. Support Ethernet,ARP,ICMP,TCP,UDP packet（协议抓
最新发布
10-20
Jetpack编写桌面数据包捕获. Support Ethernet,ARP,ICMP,TCP,UDP packet（协议抓包软件）_ComposeCap
CSS3制作3D阴影浮动按钮源码
资源摘要信息:"纯CSS3实现的带阴影3D浮动按钮源码.zip" 知识点概述： 1. CSS3基础介绍 2. CSS3阴影效果 3. 3D变换技术 4. 浮动效果实现 5. 按钮设计与制作 6. HTML结构与CSS样式的关系 CSS3基础介绍： CSS3是层叠...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值