纯javascript开发计算器样式二（1）

最新推荐文章于 2023-07-08 13:16:26 发布

VIP文章㼛思雨

最新推荐文章于 2023-07-08 13:16:26 发布

阅读量165

点赞数 1

分类专栏： Javascript 文章标签： html5 css3

本文链接：https://blog.csdn.net/weixin_45147894/article/details/108816743

版权

做成如下样式和实现功能：

代码如下：

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style type="text/css">
        /*配套案例CSS样式参考*/
        #calcuator {
            width: 200px;
            height: 245px;
            padding: 10px;
            border: 1px solid #e5e5e5;
            background: #f8f8f8;
            margin: 0px auto;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            border-radius: 3px;
            box-shadow: 0px 0px 10px #f2f2f2;
            -moz-box-shadow:0px 0px 10px #f2f2f2;
            -webkit-box-shadow:0px 0px 10px #f2f2f2;
        }

        #calcuator #input-box {
            margin: 0;
            width: 187px;
            padding: 9px 5px;
            height: 14px;
            border: 1px solid #e5e5e5;
            border-radius: 3px;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            background: #FFF;
            text-align: right;
            line-height: 14px;
            font-size: 12px;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }

        #calcuator #btn-list {
            width: 200px;
        }

        #calcuator #btn-list .btn-radius {
            border-radius:2px;

最低0.47元/天解锁文章

㼛思雨

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
纯javascript开发计算器样式二（1）

做成如下样式和实现功能：代码如下：<!doctype html><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> /*配套案例CSS样式参考*/ #calcuator { width: 200px;
复制链接

扫一扫