前端技术 手机教程
程序开发 平面动画
系统软件 CMS教程
CMS教程 在线手册
网页模板 网络安全
精准搜索请尝试:精确搜索
当前目录:首页 > 前端技术 > html/css >
  • [html/css] p标签中img水平居中的方法12日

    网站上线后因为各部门编辑水平参差不齐,造成很多时候发布的文章中,有的图片左对齐,有的右对齐,不是十分美观,领导要求默认居中对齐。 因为所有的 img 标签都在 p 标签中,因

    关键词:标签,p,img,水平居中
  • [html/css] text-align:justify无效的原因及解决办法28日

    在 css 中,使用 text-align:justify 可以实现文字两端对齐,但有的时候却无效,原因是: 该属性对文本的最后一行无效!也就是如果文字内容只有一行时(视为最后一行)或者多行文本的

    关键词:text-align,justify
  • [html/css] 怎么删除Bootstrap 4中的下拉菜单dropdown的箭头?28日

    Bootstrap 4 中的下拉菜单 dropdown 右侧默认会有个箭头图案,有的时候我们是不需要这个箭头的,那么怎么删除 Bootstrap 4 中的下拉菜单 dropdown 的箭头? 其实很简单,我们只要移除下拉菜单

    关键词:
  • [html/css] Bootstrap4中下拉菜单dropdown触发方式改为鼠标浮动触发28日

    Bootstrap 4 中下拉菜单 dropdown 的默认触发方式是鼠标点击,但是一般情况下,用在导航栏 navbar 中时,我们需要实现下拉菜单 dropdown 的触发方式改为鼠标浮动触发,其实很简单,添加两行

    关键词:Bootstrap,下拉菜单,dropdown
  • [html/css] css通过text-shadow实现文字边框/文字描边效果27日

    传统的网页文字边框/描边效果是通过图片实现的,其实我们也可以通过 css 的 text-shadow 属性实现文字边框/文字描边效果,代码如下: .title{text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0,

    关键词:css,text-shadow
  • [html/css] css实现标题(或图片等)左右横线效果27日

    在设计网页时,很多时候要实现在标题(或图片等)元素两侧加上横线以突出主题的效果,比如: 我们可以通过 css 的 before 和 after 伪类来实现这个效果,代码如下: .title:before{conten

    关键词:
  • [html/css] 网页文字加下划线的两种实现方式20日

    方法一:通过 html u 标签实现网页文字加下划线 在 html 标签中将需要加下划线的文字用 u/u 包裹即可实现加下划线样式。 示例代码: p零五网uwww.02405.com/u/p 实际效果: 零五网 www.02405.

    关键词:网页,下划线
  • [html/css] 点击超链接跳转到网页指定位置的方法30日

    给要跳转到标签设一个 name 值: div name=tiaozhuandaozheli点击指定链接后跳转到这个DIVdiv 然后 a 标签设置锚点链接: a href=#tiaozhuandaozheli/a 如果需要打开其他页面的指定位置,加上页面的

    关键词:超链接,跳转
  • [html/css] CSS3文字描边效果实现28日

    CSS3实现文字描边效果 实现前效果 实现后效果 CSS3实现文字描边代码 text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-moz-text-

    关键词:
  • [html/css] css去掉a超链接的下划线28日

    去掉A链接下划线的代码 a {text-decoration:none}

    关键词:
  • [html/css] css强制不换行28日

    white-space:nowrap; // 强制不换行overflow:hidden; // 多余隐藏

    关键词:
  • [html/css] 一段css代码让弹窗在页面中居中28日

    一段css代码让弹窗在页面中居中,在CSS文件中加入就可以了。 position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-ms-transform::translateX(-50%) translateY(-50%);-moz-transform::translateX(-50%) tr

    关键词:
  • [html/css] visibility:hidden和display:none的区别19日

    概述: visibility:hidden: The generated box is invisible (fully transparent, nothing is drawn), but still affects layout. Furthermore, descendants of the element will be visible if they have visibility: visible. 当 visibility:hidden 时,

    关键词:visibility,hidden,display,none
  • [html/css] position:absolute水平居中的三种方法18日

    方法一( 推荐 )、是将 potition:absolute 元素的 left 和 right 同时设置为 0,并且设置 margin:0 auto 。 !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 titlewww.02405.com/title/headstyle #root{ width: 100%; height: 1

    关键词:position,absolute,居中
  • [html/css] input标签type为number时允许输入小数的方法20日

    input标签type为number时允许输入小数的方法如下: input type=number step=0.01 / 在input标签中添加step属性,step属性可以控制input的上下切换范围,在这里我们通过step来达到input标签type为number时

    关键词:input,type,number,小数
  • [html/css] position:absolute的元素基于父级元素定位的方法08日

    css中可以用position:absolute实现元素绝对定位,但是这个绝对定位是以document为参照物进行定位的。 如果要实现基于父级元素的绝对定位,那么要设置父元素的position为:relative,示例代码

    关键词:position,absolute,定位
  • [html/css] 纯css实现超出长度自动省略文本(单行)03日

    纯css实现超出长度自动省略文本(单行): style.line{display: inline-block;width: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}/stylediv class=line零五网(www.02405.com)单行文本省略样例。

    关键词:省略
  • [html/css] 纯css实现超出长度自动省略文本(多行)03日

    纯css实现超出长度自动省略文本(多行): style.multi-line {display: -webkit-box;width: 50px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}/stylediv class=multi-line零五网(www.02405.com)多行文本

    关键词:
  • [html/css] CSS3设置元素边框的朝向(向内或者向外)10日

    内边框: box-sizing: border-box; 外边框 box-sizing: content-box; 内边框可以避免因为设置边框而导致的元素宽度增加。

    关键词:边框
  • [html/css] :before或:after伪类设置宽度100%或inherit超过父元素宽度的解决办法10日

    如下代码,浏览器实际显示的.side宽度为285.59,而.side:before的宽度为288: div class=sidewww.02405.com/divstyle type=text/css.side{ width: 15%; float: left; background-color:#5b9ae8;}.side::before{ content: ; width: inh

    关键词:before,after,伪类

零五网,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五网 版权所有 辽ICP备13002105号-1