排行榜

  • 用户榜
  • 标签榜
  • 冲榜分奖金

频道

最新最热悬赏待采纳 筛选
  • 0

    回答

  • 4

    浏览

<div style="display: inline;margin: 10px" v-for="(item,index) in preparation.questionList" v-if="item"> <el-button class="interaction-but" @click="interactiveQuestion(item,index)">(抢答){{item.questionName}}</el-button> </div> 这种循环遍历多个button的,我想实现根据下标index点击具体的一个button后添加背景颜色,标示已完成,需要怎么实现?使用:class会发生点击另一个,其他的button的已完成背景色消失。

  • 2

    回答

  • 23

    浏览

就很奇怪,我的代码没问题,但是浏览器显示的时候,偶数盒子的边框并没有变细,改成margin-right:-1px;结果是基数盒子左边框没有变细;改成margin:0 -1px 0 -1px;x结果盒子边框都错位;在我的电脑上,Chrome,Firefox,Microsoft Edge显示的都是这样,但在别人电脑上显示没问题......  

  • 1

    回答

  • 13

    浏览

用layar添加一个鼠标悬停显示提示信息    网上也有 但是不知道 标签怎么引用

回答 WenXiangShi
采纳率66.7%
8小时前
  • 4

    回答

  • 35

    浏览

 请教下如何做到把li标签中的文字显示在图片的下方,并且保持所有图片横向排列呢? <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>桂林山水风景</title> <style type="text/css"> h3 { color: red; text-align: center; } div { text-align: center; background-color: red; } ul { list-style-type: none; text-align: center; } li { display: inline; width: 120px; height: 30px; } img { width: 100px; height: 100px; border: 0px; } </style> </head> <body> <h3>桂林山水风景图片</h3> <div> <ul> <li><a href="img/guilin01.jpg"><img src="img/guilin01.jpg" >桂林山水1 </a></li> <li><a href="img/guilin02.jpg"><img src="img/guilin02.jpg">桂林山水2 </a></li> <li><a href="img/guilin03.jpg"><img src="img/guilin03.jpg">桂林山水3 </a></li> <li><a href="img/guilin04.jpg"><img src="img/guilin04.jpg">桂林山水4 </a></li> </ul> </div> </body> </html>  

  • 3

    回答

  • 75

    浏览

有哪位大佬有以前写过有介绍家乡的html网页的作业吗,可以分享一下代码吗?

  • 4

    回答

  • 60

    浏览

<!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style>         img {             width: 300px;             height: 150px;         }     </style> </head>   <body>     <div>         <img src="../image/earth.jpg" alt="地球" width="200" height="100">     </div> </body>   </html>

回答 RomeSenxes
采纳率100%
昨天
  • 2

    回答

  • 35

    浏览

瞅瞅这左右边框,上下边框都正常,设置border的颜色为透明的白色(代码写的是鼠标在其上面时设置边框为透明的白色)的后就会这样并且会随着渐变色的角度的变化而变化,如图:(这是45°的时候),不用渐变色就没事了,一开始还以为是background-image的问题,然而用图片测试了一下没问题。有没有大佬救救孩子。下面是代码(渐变色的设置在倒数第二个选择的里面): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录界面</title> <link rel="stylesheet" href="css/style.css"> <link rel="icon" href="image/02.jpg"> </head> <body> <div> <form action=""> <h1>Login</h1> <p class="p1"> <svg t="1620188120319" id="icon1" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3052" width="30" height="30"><path d="M432.56 527.168a150.192 150.192 0 0 1-73.6-129.248V342.24a150.256 150.256 0 0 1 300.512 0v55.664a150.176 150.176 0 0 1-72.048 128.32A344.432 344.432 0 0 1 824.736 718.4c2.56 5.552 7.232 11.2 7.232 16.928v4.784H832V829.92a16 16 0 0 1-16 16H208a16 16 0 0 1-16-16V749.904l0.32-0.032c0-5.28-0.032-10.656 0.336-16.096 0.368-5.408 4.416-10.608 6.8-15.792a344.432 344.432 0 0 1 233.104-190.816zM240 744.928v52.992h544v-53.008a296.16 296.16 0 0 0-544 0zM509.216 240a102.256 102.256 0 0 0-102.256 102.256v55.664a102.256 102.256 0 0 0 204.512 0V342.24A102.256 102.256 0 0 0 509.232 240z" p-id="3053" fill="#ffffff"></path></svg> <input type="text" placeholder="username" id="username" onfocus="this.placeholder=''" onblur="this.placeholder='username'"> </p> <p class="p2"> <svg t="1620188197911" id="icon2" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3572" width="30" height="30"><path d="M368 392v-65.392C368 243.712 432.16 176 512 176s144 67.712 144 150.608V392h144a16 16 0 0 1 16 16v416a16 16 0 0 1-16 16H224a16 16 0 0 1-16-16v-416a16 16 0 0 1 16-16h144z m48 0h192v-65.392C608 269.648 564.72 224 512 224s-96 45.664-96 102.608V392z m-160 48v352h512v-352H256z m280 144v80a16 16 0 0 1-16 16h-16a16 16 0 0 1-16-16v-80a16 16 0 0 1 16-16h16a16 16 0 0 1 16 16z" p-id="3573" fill="#ffffff"></path></svg> <input type="password" placeholder="password" id="password" onfocus="this.placeholder=''" onblur="this.placeholder='password'"> </p> <p><input type="submit" value="登陆" id="login"></p> </form> </div> </body> </html> body { margin: 0px; padding: 0px; border: 0px; background-image: url(../image/background-image.png); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; } div { position: absolute; top: 24%; left: 36%; background-color: #19242a; opacity: 0.7; border-radius: 25px; padding: 50px 150px; } h1 { text-align: center; position: relative; bottom: 40px; font: bold 45px consolas; color: aliceblue; } #icon1 { position: absolute; top: 163px; left: 115px; } #icon2 { position: absolute; top: 210px; left: 115px; } input { height: 30px; width: 230px; border: 0; background-color: #00000000; border-bottom: 3px solid rgba(255, 255, 255, 0.5); color: white; font: large consolas; } input:focus { opacity: 0.7; } #login { height: 40px; width: 150px; display: block; margin: 0 auto; border: 0; background-image: linear-gradient(45deg, #30cfd0 0%, #330867 100%); border-radius: 20px; } #login:hover { border: 10px solid rgba(255, 255, 255, 0.5); }  

回答 帅帅付
采纳率0%
2天前
  • 6

    回答

  • 37

    浏览

<style> *{ margin: 0; padding: 0; } #div1 { display: none; } #div1 li { width: 100px; height: 40px; background-color: pink; } </style> </head> <body> <input type="button" value="更多" onclick="showHide()"> <div id="div1"> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> <script> function showHide() { var oDiv = document.getElementById('div1'); if(oDiv.style.display === 'none'){ oDiv.style.display = 'block'; } else { oDiv.style.display = 'none'; } } </script> </body> 第一次点击隐藏的div并没显示出来,需要点击第二次才显示。这是什么原因造成的??  

  • 6

    回答

  • 50

    浏览

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>百度一下,你就知道</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <nav> <span class="nav"> <a href="#">新闻</a> <a href="#">hao123</a> <a href="#">地图</a> <a href="#">直播</a> <a href="#">视频</a> <a href="#">贴吧</a> <a href="#">学术</a> <a href="#">更多</a> </span> <a href="#"id="anniu">登录</a> <a href="#" >设置</a> </nav> <div align="center" class="box" style="margin-top:170px;"> <div> <img src="img/logo.png"> </div> <div class="box2"> <span><input type="text" value="" class="ssk" placeholder=" 请输入内容" /></span> <span><input type="submit" value="百度一下" class="baidu" /></span> </div> </div> <div class="JieWei"> <a href="#"style="left: 20px;">设为首页</a> <a href="#">关于百度</a> <a href="#">About Baidu</a> <a href="#">百度营销</a> <a href="#">使用百度前必读</a> <a href="#">意见反馈</a> <a href="#">帮助中心</a> <a href="#">京公网安备</a> <a href="#"></a> </div> </body> </html> body{ margin: 0px; padding: 0px; height: 700px; width: 100%; } span{ display: inline-block; } span>input{ margin: 0px; padding: 0px; } img{ width: 200px; height: 60px; margin-bottom: 20px; } .ssk{ width: 548px; height: 40px; border-radius: 10px 0px 0px 10px; } .ssk:hover{ } .baidu{ width: 108px; height: 40px; color: white; background-color: #4e6ef2; border-radius: 0px 10px 10px 0px; border: none; font-size: 15px; } .baidu:hover{ background-color: #4664db; } .nav>a{ text-decoration: none; margin-left: 23px; font-size: 13px; color: black; margin-top: 20px; float: left; } .nav>a:hover{ color: #4e6ef2; } nav>a{ text-decoration: none; margin-right: 23px; font-size: 13px; color: black; margin-top: 20px; float: right; } #anniu{ background-color: #4664DB; width: 45px; padding: 5px; color: white; text-align: center; border-radius: 5px; } .JieWei>a{ display: inline;/*行内元素*/ text-decoration: none;/*去除下划线*/ text-align: center; font-size: 13px; color: grey; position: fixed; bottom: 10px; width: 100%; } .JieWei>a:hover/*鼠标悬停*/{ color: black; }    

回答 是你333
采纳率100%
7天前
  • 1

    回答

  • 24

    浏览

为什么从导航添加新的标签页以后,是在右侧下面叠加的,而不是隐藏其它,只显示当前 。 F12看确实是新添加或者切换的item是有layui-show的,其他没有。

  • 4

    回答

  • 28

    浏览

有没有人写过这种效果,点击切换主视图 然后上面的图下去到 之前 图的位置,有没有这种组件什么的

  • 7

    回答

  • 42

    浏览

nav { width: 15rem; } nav a { float: left; width: 3rem; height: 2.8rem; text-align: center; } nav a img { display: block; width: 1.64rem; height: 1.64rem; margin: 0.2rem auto 0; } nav a span { font-size: 0.5rem; color: #000; }

  • 4

    回答

  • 41

    浏览

问题:导航栏 首页栏目一直处于高亮状态 解决:怎么才能让他选中的时候高亮,不选中的时候不亮,然后打开网站首页栏目默认高亮

  • 5

    回答

  • 40

    浏览

前端小白,想问下这个显示具体是怎么实现的

  • 3

    回答

  • 29

    浏览

如下面图示,两个div都加浮动,第二个div短的话就不能在同一行。好难,在写这个问题的时候突然想到把第二个div换成inline,是不是就好了。然后发现好像继承了哪里的宽度还是咋回事,还是不行。求大佬解答  

回答 qq_43840520
采纳率50%
8天前
  • 0

    回答

  • 4

    浏览

有没有使用过monaco-editor的,然后整合emmet的时候,emmet的代码提示框,文字看不见,怎么搞,主要是还不能调试,想鼠标右键检查它立马又消失了  

  • 1

    回答

  • 21

    浏览

#container {     width: 100%;     margin: 0 auto;     text-align: center; } #content {     width: 100%;     margin: 0 auto;     overflow: hidden; } .content_left {     width: 70%;     float: left;     border: #060 1px solid; } .content_right {     margin-right: 10px;     border: #960 1px solid; } table {     border-collapse: collapse;     margin: 0 auto;     text-align: center;     height: auto;     overflow: hidden; }     table td{         border: 1px solid #cad9ea;         color: #666;         height: 30px;     }     table tr:nth-child(odd) {         background: #fff;     }     table tr:nth-child(even) {         background: #F5FAFA;     } <table width="90%" class="table">     <tr>         <td>             这是文字这是文字这是文字这是文字这是文字         </td>         <td>             时间         </td>     </tr>     <tr>         <td>             这是文字这是文字这是文字这是文字这是文字         </td>         <td>             时间         </td>     </tr> </table>>  

  • 5

    回答

  • 37

    浏览

https://github.com/wukaitao/policy-webpack-vue#vue%E5%BC%80%E5%8F%91webpack%E6%89%93%E5%8C%85%E7%9A%84cms%E7%B3%BB%E7%BB%9F 请问需要哪些环境才可以打开?

  • 3

    回答

  • 27

    浏览

vue v-for循环判断两个数组的值,如果相同,则按钮显示蓝色,怎么实现呢??

  • 4

    回答

  • 51

    浏览

QQ音乐仿写的教程或者思路急着用拜托了拜托了拜托了拜托了拜托了拜托了拜托了

  • 0

    回答

  • 12

    浏览

qt如何设置ui的区间的颜色?qt如何设置ui的区间的颜色?

回答 吃瓜吃瓜
采纳率33.3%
10天前
  • 3

    回答

  • 32

    浏览

<!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>D数据显示页面</title>     <style>         a {             position: relative;             display: block;             height: 40px;             width: 200px;             background-color: #55585a;             font-size: 14px;             color: #fff;             text-decoration: none;             padding-left: 30px;             line-height: 40px;         }                  .left {             float: left;             width: 234px;             height: 60px;             background-color: rgb(129, 113, 129);         }                  .right {             float: right;             width: 992px;             height: 615px;             background-color: beige;         }                  .right>div {             float: left;             width: 230px;             height: 300px;             background-color: rgb(110, 106, 106);             margin-left: 14px;             margin-bottom: 14px;         }     </style> </head>   <body>     <div class="box"></div>     <div class="left">左边的小框是放以下楼层的数据</div>     <div class="right">         <div>1</div>         <div>2</div>         <div>3</div>         <div>4</div>         <div>5</div>         <div>6</div>         <div>7</div>         <div>8</div>         <div>             <div class="left">                 <a href="#">第一栋独居老人相关数据</a>                 <a href="#">第二栋独居老人相关数据</a>                 <a href="#">第三栋独居老人相关数据</a>                 <a href="#">第四栋独居老人相关数据</a>                 <a href="#">第五栋独居老人相关数据</a>                 <a href="#">第六栋独居老人相关数据</a>                 <a href="#">第七栋独居老人相关数据</a>             </div>           </div> </body>   </html>   ------------------------------------------------------------------------------------- 运行之后效果如下:     想让红色圈圈内(即掉下来的盒子)移动到蓝色圈圈的位置上,代码附上了,但是不知道怎么改,可能是padding或者是margin的问题。求大神指点!!    O(∩_∩)O谢谢