最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

求前端高手帮我看看图中框里的两个样式问题,代码如下。_html/css

来源:懂视网 责编:小采 时间:2020-11-27 16:34:16
文档

求前端高手帮我看看图中框里的两个样式问题,代码如下。_html/css

求前端高手帮我看看图中框里的两个样式问题,代码如下。_html/css_WEB-ITnose: @CHARSET UTF-8;*{margin:0;padding:0;list-style-type:none;}a,img{border:none;}a{color:#1D569C;text-decoration:none;}a:hover{color:#ED3E22;text-decoration:underline;}/* focus */.focus{margin-left:30%;margin-top:3.5%
推荐度:
导读求前端高手帮我看看图中框里的两个样式问题,代码如下。_html/css_WEB-ITnose: @CHARSET UTF-8;*{margin:0;padding:0;list-style-type:none;}a,img{border:none;}a{color:#1D569C;text-decoration:none;}a:hover{color:#ED3E22;text-decoration:underline;}/* focus */.focus{margin-left:30%;margin-top:3.5%
	
  • javascript特效图片滚动插件支持单排图片上下滚动、图片无缝滚动
  • jquery特效制作banner图片滚动播放、按钮控制图片滚动、选项卡等基于多功能jquery slide插件
  • jquery特效插件Validform制作一行代码搞定整站的表单验证
  • 旋转幻灯片使用jQuery和CSS3

  • @CHARSET "UTF-8";*{margin:0;padding:0;list-style-type:none;}a,img{border:none;}a{color:#1D569C;text-decoration:none;}a:hover{color:#ED3E22;text-decoration:underline;}/* focus */.focus{margin-left:30%;margin-top:3.5%;width:520px;height:300px;float:left;border:3px solid #d9d9d9;position:relative;}.focus #pic{width:520px;height:300px;overflow:hidden;}.focus #pic ul{width:4216px;height:300px;float:left;}.focus #pic li{width:520px;height:300px;float:left;}.focus #pic li img{width:520px;height:300px;float:left;}.focus .tip-bg{width:520px;height:21px;background:#000;filter:alpha(opacity=80);opacity:0.80;position:absolute;left:0;bottom:0;z-index:12;}.focus #tip{width:96px;height:14px;position:absolute;left:40%;margin:-17px 0 0;z-index:13;}.focus #tip ul li{width:14px;height:14px;float:left;display:inline;margin:0 5px;cursor:pointer;background:url(../img/focus_tip.png) no-repeat;}.focus #tip ul li.current{background:url(../img/focus_tip_current.png) no-repeat;}.focus .btn{width:42px;height:9px;position:absolute;right:0;bottom:5px;z-index:14;overflow:hidden;}.focus .btn ul{width:100%;float:left;}.focus .btn li{width:7px;height:9px;float:left;display:inline;margin:0 7px;cursor:pointer;overflow:hidden;}.focus .btn li.btn-left{background:url(../img/focus_btn_left.png) no-repeat left top;}.focus .btn li.btn-right{background:url(../img/focus_btn_right.png) no-repeat left top;}.focus .show{display:block!important;}


    回复讨论(解决方案)

    css代码第7行,去掉border:3px solid #d9d9d9
    另外,图片宽和高重复定义,去掉img标签内的width和height

    css代码第7行,去掉border:3px solid #d9d9d9
    另外,图片宽和高重复定义,去掉img标签内的width和height

    边框样式解决了,那个图片挤出来了一点怎么解决呢?

    已经解决了。

    文档

    求前端高手帮我看看图中框里的两个样式问题,代码如下。_html/css

    求前端高手帮我看看图中框里的两个样式问题,代码如下。_html/css_WEB-ITnose: @CHARSET UTF-8;*{margin:0;padding:0;list-style-type:none;}a,img{border:none;}a{color:#1D569C;text-decoration:none;}a:hover{color:#ED3E22;text-decoration:underline;}/* focus */.focus{margin-left:30%;margin-top:3.5%
    推荐度:
    标签: 里的 代码 图片的
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top