论坛 › SQL-Server › 东方仙盟_灵颜能手——表单样式——仙盟创梦IDE

南七星之家 发表于 4 天前

东方仙盟_灵颜能手——表单样式——仙盟创梦IDE

https://i-blog.csdnimg.cn/direct/32261f2187d8440cbd7303290b7496a7.png
代码

https://i-blog.csdnimg.cn/direct/c345aa9b6f7947998cab69cdc3e9ee9f.png 
   .东方仙盟_灵颜妙手 {
            background-color: #f0f8ff;
            padding: 10px;
            display: block;
            width:100%;
            height: 100%;
      }

      .东方仙盟_灵颜妙手 .表单 {
            max-width: 800px;
            margin: 0 auto;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 123, 255, 0.1);
            padding: 20px;
      }

      

      

      .东方仙盟_灵颜妙手 .表单 table {
            width: 100%;
            border-collapse: collapse;
      }

      
      .东方仙盟_灵颜妙手 .表单 th {
            padding: 10px;
            border: 1px solid #e0e0e0;
            text-align: center;
      }
      .东方仙盟_灵颜妙手 .表单   td {
            padding: 10px;
            border: 1px solid #e0e0e0;
            
      }

      .东方仙盟_灵颜妙手 .表单 th {
            background-color: #f0f8ff;
            color: #007bff;
      }

      .东方仙盟_灵颜妙手 .表单 input, select {
            width: 100%;
            padding: 8px;
            border: 1px solid #ddd;
            border-radius: 4px;
      }

       .东方仙盟_灵颜妙手 .表单 .按钮容器 {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
      }

      .东方仙盟_灵颜妙手 .表单 button {
            background-color: #007bff;
            color: white;
            border: none;
            padding: 8px 15px;
            border-radius: 4px;
            cursor: pointer;
      }

      .东方仙盟_灵颜妙手 .表单 button:hover {
            background-color: #0056b3;
      }

      .东方仙盟_灵颜妙手 .表单 .delete-btn {
            background-color: #dc3545;
      }

      .东方仙盟_灵颜妙手 .表单 .delete-btn:hover {
            background-color: #c82333;
      }

      .东方仙盟_灵颜妙手 .表单 .edit-btn {
            background-color: #ffc107;
            color: #333;
      }

      .东方仙盟_灵颜妙手 .表单 .edit-btn:hover {
            background-color: #e0a800;
      }
 往期 软件架构计划——数据表状态切换开关—未来之窗行业应用跨平台架构-CSDN博客
 
阿雪技术观
让我们积极投身于技术共享的海潮中，不仅仅是作为受益者，更要成为贡献者。无论是分享自己的代码、撰写技术博客，还是到场开源项目的维护和改进，每一个小小的活动都可能成为推动技术进步的巨大力量
Embrace open source and sharing, witness the miracle of technological progress, and enjoy the happy times of humanity! Let's actively join the wave of technology sharing. Not only as beneficiaries, but also as contributors. Whether sharing our own code, writing technical blogs, or participating in the maintenance and improvement of open source projects, every small action may become a huge force driving technological progress.

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

查看完整版本: 东方仙盟_灵颜能手——表单样式——仙盟创梦IDE