精华内容
下载资源
问答
  • html 怎么加横线给相应的标签加一个属性...怎样用CSS样式在文字下面加下划线一般有两种方法: 一、通过CSS下划线代码:text-decoration:underline来设置文字下划线。 实例演示如下:实例代码如下: 此时页面效果如...

    html 怎么加双横线给相应的标签加一个属性border-bottom:3px double red; 如果双线间的距离要加大,把3px改为更大的值就行了,不过不能小于3px,不然就叠在一起看不出来是双线了。

    怎样用CSS样式在文字下面加下划线

    一般有两种方法: 一、通过CSS下划线代码:text-decoration:underline来设置文字下划线。 实例演示如下:

    89d6b1c6dcdf9a06e07acb10286d6e01.png

    实例代码如下: 此时页面效果如下:

    修改第1步中的txt样式,加入text-decoration:underline。 此时页面效果如下,出现了下划线。

    不要复制,请勿粘贴。a{text-decoration:none;}貌似不可以0.0描述:一个需要准备的材料分别有:电脑、浏览器、html编辑器。

    首先,打开html编辑器,新建html文件,例如:index.html。

    在index.html中的标签中,输入css代码:a{text-decoration:none;}。

    浏览器运行index.html页面。

    css样式中怎样控制下划线的粗细?

    css样式中怎样控制下划线的粗细? text-decoration: underline;

    如果想修改一下下划线的颜色,大小等样式就可以通过border属性来设计,使用起来更灵活。

    border-bottom属性,用来设置底部的边框样式。

    border-bottom: #FF0000 2px solid ;设置边框大小为2PX的红色边框。

    您好,我想使用CSS去除调网页链接下划线,当鼠标移动到链接上时下划线又如果针对单个网页,可以把如下代码放入页面头部中。 a{ text-decoration:none;} a:hover{ text-decoration:underline;} 如果是针对整个网站,可把代码 a{ text-decoration:none;} a:hover{ text-decoration:underline;} 存为一个CSS文件。

    css 如何给div每一行都有一个下划线。

    是每一行都有下划线,不是每一行的文字。

    中间的三角用两个div来 完成 arr0 arr1 .arr0, .arr1{ /*****设置border-style:dashed;使ie6支持border透明*****/ border-style: dashed solid dashed dashed; /*****设置容器宽高为0*****/ width: 0; height: 0; /*****去掉ie6下默认高度。

    展开全文
  • 双下划线连接样式 A.coolcss:link { CURSOR: hand; COLOR: #ff6633; BORDER-BOTTOM: 1px dotted #ff6633; FONT-FAMILY: Arial; TEXT-DECORATION: underline } A.coolcss:visited { ...
    [html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>好双下划线连接样式</title>

    <STYLE type=text/css>

    A.coolcss:link {
    CURSOR: hand; COLOR: #ff6633; BORDER-BOTTOM: 1px dotted #ff6633; FONT-FAMILY: Arial; TEXT-DECORATION: underline
    }
    A.coolcss:visited {
    CURSOR: hand; COLOR: #ff6633; BORDER-BOTTOM: 1px dotted #ff6633; FONT-FAMILY: Arial; TEXT-DECORATION: underline
    }
    A.coolcss:hover {
    CURSOR: hand; COLOR: #ff6633; BORDER-BOTTOM: 2px solid #ff6633; FONT-FAMILY: Arial; TEXT-DECORATION: underline
    }

    A.coolcss2:link {
    CURSOR: hand; COLOR: #ff6633; BORDER-BOTTOM: thin dotted #ff6633; FONT-FAMILY: Arial; TEXT-DECORATION: underline
    }
    A.coolcss2:visited {
    CURSOR: hand; COLOR: #ff6633; BORDER-BOTTOM: thin dotted #ff6633; FONT-FAMILY: Arial; TEXT-DECORATION: underline
    }
    A.coolcss2:hover {
    CURSOR: hand; COLOR: #ff6633; BORDER-BOTTOM: 2px solid #ff6633; FONT-FAMILY: Arial; TEXT-DECORATION: underline
    }

    A.coolcss3:link {
    CURSOR: hand; COLOR: #ff6633; BORDER-BOTTOM: medium dotted #ff6633; FONT-FAMILY: Arial; TEXT-DECORATION: underline
    }
    A.coolcss3:visited {
    CURSOR: hand; COLOR: #ff6633; BORDER-BOTTOM: medium dotted #ff6633; FONT-FAMILY: Arial; TEXT-DECORATION: underline
    }
    A.coolcss3:hover {
    CURSOR: hand; COLOR: #ff6633; BORDER-BOTTOM: 2px solid #ff6633; FONT-FAMILY: Arial; TEXT-DECORATION: underline
    }


    A:link {
    FONT-SIZE: 12pt; COLOR: #cccccc; LINE-HEIGHT: 20pt; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none
    }
    A:hover {
    FONT-SIZE: 12pt; COLOR: #b8f400; LINE-HEIGHT: 20pt; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none
    }
    A:active {
    FONT-SIZE: 12pt; COLOR: #cccccc; LINE-HEIGHT: 20pt; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none
    }
    A:visited {
    FONT-SIZE: 12pt; COLOR: #cccccc; LINE-HEIGHT: 20pt; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none
    }

    </STYLE>
    </head>
    <body>
    <p><a class="coolcss" target="_blank" href="#">双下划线连接样式===1px</a></p>
    <p> </p>
    <p><a class="coolcss2" target="_blank" href="#">多好看的样式===thin</a></p>
    <p> </p>
    <p><a class="coolcss3" target="_blank" href="#">只在IE下有效=====medium</a></p>
    <p> </p>
    <p><a class="coolcss" target="_blank" href="#">要是能在FF下也有效就更好了啦=1px</a></p>


    </body>
    </html>[/html]
    展开全文
  • 引号最外层统一使用引号;url的内容要用引号;属性选择器中的属性值需要引号。例:.logo{background-image: url("logo.png");}li[data-type="single"] {...}命名类名使用小写字母,以中划线分隔...

    这一期,阿牛ger与大家分享Niushop开源商城系统前端代码CSS和JavaScript编码规范。

    c87ebd04db60a9ab9aca6c96d86146dc.png

    CSS编码规范分号
    每个属性声明末尾都要加分号。引号
    最外层统一使用双引号;
    url的内容要用引号;
    属性选择器中的属性值需要引号。例:
    .logo{
    background-image: url("logo.png");
    }
    li[data-type="single"] {
    ...
    }命名
    类名使用小写字母,以中划线分隔;
    id采用驼峰式命名;
    scss中的变量、函数、混合、placeholder采用驼峰式命名;例:
    /* class */
    .element-content {
    ...
    }
    /* id */
    #myDlalog{
    ...
    }
    /* 变量 */
    $colorBlack: #000;
    /* 函数 */
    @function pxToRem($px) {
    ...
    }
    /* 混合 */
    @mixin centerBlock {
    ...
    }
    /* placeholder */
    %myDialog {
    ...
    }属性简写
    margin 和 padding 尽量用简写;
    常见的属性简写包括:
    font
    background
    transition
    animation杂项
    不允许有空的规则;
    元素选择器用小写字母;
    去掉小数点前面的0;
    去掉数字中不必要的小数点和末尾的0;
    属性值'0'后面不要加单位;
    无前缀的标准属性应该写在有前缀的属性后面;
    不要在同个规则里出现重复的属性,如果重复的属性是连续的则没关系;
    不要在一个文件里出现两个相同的规则;
    用border: 0;代替border: none;
    尽量少用'*'选择器;

    a84067c0009702a98586e552689e181c.png

    JavaScript编码规范分号
    为了保障代码的稳定性,每行代码都要加分号命名
    由于后端使用的是PHP语言,为了方便统一,js中的变量命名采用小写+下划线的方式,跟php变量名保持一致;
    函数采用驼峰式命名;
    常量全大写,用下划线连接;
    构造函数采用驼峰式命名,首字母大写;
    jquery对象必须以'$'开头命名;变量声明
    变量声明:var(禁止用let,兼容性不好);
    常量声明:const;数组、对象
    对象属性名不需要加引号;
    例:
    var a = {b: 1};
    数组、对象最后不要有逗号。字体图标
    在使用图片时,优先使用字体图标,减少代码体积,运行效率
    字体图标统一在iconfont.css中维护

    6f7384c959010b02a7480e36e0ca8d91.png


    Niushop单商户V4商城系统前端代码规范就与大家分享完啦!下期阿牛ger与大家分享部分插件代码,希望能对大家有所用!
    文章来自转载

    展开全文
  • 一:背景可滚动样式 html <div class="intro-box" style="background-image: url(图片地址);"> <h2>标题</h2> ...css .intro-box{background-size: cover;background-att.

    一:背景图可滚动样式

    html 

    <div class="intro-box" style="background-image: url(图片地址);">
    	<h2>标题</h2>
    	<p>内容</p>
    	<a href="" class="btn-info">VIEW ALL</a>
    </div>

    css

    .intro-box{background-size: cover;background-attachment: fixed;background-color: #1A1A1A;text-align: center;color: #fff;padding: 60px 20px 60px 20px;background-position: center;background-repeat: no-repeat;}
    .intro-box h2 {font-size: 30px;font-weight: 300;}
    .intro-box p {line-height: 26px;margin-top: 20px;}
    .btn-info {margin-top: 20px;color: #fff;background: transparent;border-radius: 0px;border: 3px solid #fff;transition: background 0.4s;padding: 7px 36px;display: inline-block;}
    .btn-info:hover{color: #000000;background-color: #fff;}

    二:双层长短不一的下划线

    html

    <div class="mg-b-s pos-r">
    	<p class="size-20 txt-p on2">CATEGORIES</p>
    </div>

    css

    .pos-r{position: relative;}
    .mg-b-s{margin-bottom: 10px;}
    .txt-p::after{content: '';position: absolute;left: 0;top: auto;bottom: 0;right: 0;height: 1px;width: 100px;background-color: #2C2B2B;}
    .txt-p{border-bottom: 1px solid #cbcaca;padding-bottom: 10px;}

    图示: 

    三:li的前面加一个背景小图标

    .nav-left li{position: relative;border-bottom: 1px solid #f2f2f2;background: url(images/left_sli.gif) 6px 15px no-repeat;padding: 8px 0px 8px 18px;font-size: 0.875rem;}

     

    展开全文
  • 不再有关于规则命名的辩论(破折号,破折号或下划线?)。 就是我们所需要的! 用法 将此行插入HTML源文件中: < link rel =" stylesheet " src =" ...
  • css变量

    2020-08-28 16:57:27
    css变量 相信大家都用过CSS预处理,比如,less、scss(sass)。不可避免的会用到变量。 在less中是以 @ 定义变量;...以“–”横杠开头,后面可以是数字[0-9]、字母[a-zA-Z]、下划线_和短横线-这些组合
  • 【通过CSS设置边框】方便,代码如下 ul{ list-style-type:circle;/*将列表前用空心圆编号*/ /*list-style-image:url(1.bmp); 将列表前的编号位置用图1... /*表格底边框设置为绿色 双下划线 线条粗细3*/
  • CSS — BEM 命名规范

    2018-09-07 11:19:39
    前言: 最近团队要考虑代码风格统一 1 什么是 BEM 命名规范 Bem 是块(block)、元素(element)、修饰符(modifier)的简写,...__ 双下划线双下划线用来连接块和块的子元素 _ 单下划线:单下划线用来描述...
  • CSS BEM 书写规范

    2019-02-25 14:42:20
    BEM命名约定 使用 BEM 命名规范,理论上讲,每行 css 代码都只有一个选择器。 BEM代表 “块(block),元素(element),修饰符(modifier)”,我们常用这三...__ 双下划线双下划线用来连接块和块的子元素 _ ...
  • CSS 中的 BEM 规范

    2020-10-13 20:53:02
    BEM 规范 BEM 是块(block)、元素...__ 双下划线双下划线用来连接块和块的子元素 .block {} .block__element {} .block--modifier{} 其中 .block 代表了更高级别的抽象或组件。 .block__element 代表.block的后
  • __ 双下划线双下划线用来连接块和块的子元素 _ 单下划线:单下划线用来描述一个块的子元素的一种状态(也可使用–表示) 优点 让前端代码更容易阅读和理解,更加的语义化,更容易协作,更容易控制,更加健壮和...
  • css1-css3的那些模糊点

    2016-09-22 09:01:00
    css很重要, 但也不是万能的, 也不能抛弃dom 元素和 元素的属性!!...在css中和dom属性的写法: 只说标准的: css中单词和单词的连接用 - , 不用下划线 _ , dom元素的属性一般用引号. css的颜色,...
  • CSS命名BEM规范

    2016-07-07 17:05:54
    css命名是前端开发经常遇到的问题,不同的开发人员css...BEM的命名规范是模块名加上双下划线(__),加上元素名,加上双短横线(--),最后加上修饰符。内部用短横线连接,举例说明: // button .btn{ border: none
  • CSS学习内容

    2020-11-05 19:59:39
    1.text-decoration:none 消除超链接下的下划线 2.list-style:none 可以用在消除无序标签前的一个点• 3.font-size 字体大小,单位是像素 4.color给标签中的文字设置颜色, 5.font-family 字体,记得加引号,中文...
  • CSS 中 BEM命名方式

    2018-01-16 17:15:00
    BEM的意思就是块(block)、元素(element)、修饰符(modifier),是一种CSS Class 命名方法。...__双下划线代表B和E连接例如 menu__item_单下划线代表B和M或E和M的连接 例如 menu_active 或 menu__item_active-中...
  • 详解css BEM书写规范

    2021-01-19 21:21:32
    `__:双下划线用来连接块和块的子元素 ` :仅作为连字符使用,连接块或元素或修饰符的多个单词(也可以直接写成驼峰式) –:双中划线用来连接块或元素的状态(也可使用‘_’单下划线表示) 示例: block-name_...
  • css BEM书写规范

    2018-12-16 08:19:25
    [规范]css BEM书写规范 BEM是基于组件的web开发方法。其思想是将用户界面分隔为独立的块...`__:双下划线用来连接块和块的子元素 `- :仅作为连字符使用,连接块或元素或修饰符的多个单词(也可以直接写成驼峰式) -...
  • html&css扫盲篇

    2019-01-28 20:09:34
    XHTML规则 1、使用恰当的文档声明和...8、注释内容不要使用双下划线 9、确保小于号及和号是&lt;、&amp; css选择器 id选择器不能以数字开头,因为mozilia/firefox不支持 css3选择器分类 基本选择器 元...
  • Html&Css

    2020-08-07 09:29:27
    标签: 倾斜 段落 加粗 下划线 上下角 &nbsp空白字符 &gt &lt >< &copy 圈c 单标签:换行 水平线 必须的属性:src=“url” 导入图片的路径 alt=""(文本替换图片/因为搜索引擎 不能检索图片...
  • HTML ——css属性问题

    2021-01-21 08:03:16
    css属性 文本修饰 text-decoration文本修饰 none无线体 underline下划线 line-througth删除线 尺寸 width宽度 单位:像素px或百分比 height高度 单位:像素px或百分比 边框 border-width 边框粗细 单位:像素px或...
  • 关于css的小效果

    2019-04-27 20:37:01
    实现一个双下划线字体 element.style { border-bottom: solid 1px gray; border-top: solid 1px gray; width: 13rem; /* margin: auto; */ margin-left: auto; margin-right: auto; padding: 0.5r...
  • CSS样式风格定义

    2006-02-23 09:05:59
     友情提醒:修改风格设置必须具备一定网页css样式设计知识,建议您找些这方面的书看一下,在定义中也不能使用单引号或引号,否则会容易造成程序错误。 ============================...
  • 在本规范中,以双下划线 __ 来作为块和元素的间隔,以单下划线 _ 来作为块和修饰器 或 元素和修饰器 的间隔,以中划线 - 来作为 块|元素|修饰器 名称中多个单词的间隔 标题 搜索 搜索1 搜索 &...
  • html+css基础

    2018-11-14 21:41:37
    一、标签(写法分为:自闭和、...加下划线 &lt;i&gt;斜体 &lt;sub&gt;下标、&lt;sup&gt;上标 &lt;pre&gt;预先格式化标签 2.有序和无序列表(闭合) 无序: &lt;ul&
  • 好程序员分享Css详解bem书写规范,bem是基于组件的web开发方法。其思想是将用户界面分隔为独立的...`__:双下划线用来连接块和块的子元素 ` :仅作为连字符使用,连接块或元素或修饰符的多个单词(也可以直接写成驼...
  • bem-css命名规范

    2020-08-11 18:01:13
    下划线_表示块的后代元素,例如x-box_header,x-box_center, x-box_button 中划线--表示状态或者版本,例如成功,失败等,x-box_button--success, x-box_button--danger 实例 <form class="site-search site-...

空空如也

空空如也

1 2 3 4
收藏数 69
精华内容 27
关键字:

css双下划线