.contentT{ clear:both; border-top:1px solid #fff; border-left:1px solid #fff;}.contentT ul{ width: 300px; }.contentT li{ float:left; list-style-type:none; height:14px; width:52px; display:bl...
转载
2007-06-16 08:00:00
906阅读
转载:感觉写的挺见解的,借鉴过来,以备后用。li 不换行 ------不换行的策略: 不换行原理:ul 和 li 默认都是 display:block; 的标签,可以通过2种方式实现 li 的 不换行显示:* 将 li 设为 display:inline; ,然后通过 marging 和 padding 设置 li 的间距,* 将 li 设为 float:left; ,然后通过
原创
2013-11-18 15:24:31
392阅读
li{font-size:9pt;padding:3px;width:220px;list-style:none;}li:hover{background:skyblue; padding:3px;border:1px solid#003399;}
原创
2022-07-22 12:50:42
190阅读
LI代码的格式化:A).运用CSS格式化列表符: ul li{list-style-type:none;}例如下面的: 供求信息 B).如果你想将列表符换成图像,则: ul li{ list-style-type:none; font-size:12px; list-style-image: url("csdnindex_pic35.gif"); vertical-align:middle;}...
转载
2009-12-28 21:20:00
779阅读
2评论
这是第一条alert(0)这是第二条alert(1)这是第三条alert(2)原生javascript实现:var lis = document.getElementsByTagName('li'); console.log(lis) for (var i = 0;i < lis.length; i++) { console.log(i)
原创
2021-07-16 10:13:49
207阅读
第一步:建立一个无序列表我们先建立一个无序列表,来建立菜单的结构。代码是:<ul><li><a href="1">首页</a></li><li><a href="2">产品介绍</a></li><li><a href="3">服务介绍</a></li><li><a href="4">技术支持</a></li><
转载
2011-09-24 10:17:00
1031阅读
2评论
我直接写了个案例,先看下效果图: 下面是html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>机构动态</title> <style type="
原创
2018-03-09 20:33:05
1156阅读
$(this).click(function(){
if($(this).hasClass(“zxx_fri_on”)){
$(this).removeClass(“zxx_fri_on”);
}else{
$(this).addClass(“zxx_fri_on”);
}
return false;
});添加或去除元素集合的class name1.
转载
2023-09-05 19:03:41
270阅读
list-style-type:disc(实心圆) | circle(空心圆)| square(实心方块)|none(没有)用图片作为列表符号list-style-image: url(../images/arror.jpg)改变列表符号的位置:
原创
2022-06-29 20:58:50
372阅读
page language="java"contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>DOCTYPEhtml PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">html>
原创
2022-08-03 11:56:13
117阅读
Document 12313 by jubdit 12313 by jubdit 12313 by jubdit 12313
转载
2018-01-31 09:51:00
1155阅读
2评论
先给一个简单的示例HTML代码
<body> <form id="form1" runat="server">
<div id="title">
<ul id="list" >
<li>标题一</li>
<li>标题二</li>
转载
2017-08-11 17:20:00
1063阅读
2评论
.relatebar li{width:98px;height:146px;padding:5px;float:left;border-left:1px solid #ccc;}.relatebar li:first-child{border-left:0px solid #ccc;}.lanmu3...
转载
2015-07-14 16:03:00
441阅读
2评论
大家都知道CSS的全称叫做“层叠样式表”,但估计很多人都不知道“层叠”二字的含义。其实,“层叠”指的就是样式的覆盖,当一个元素被运用上多种样式,并且出现重名的样式属性时,浏览器必须从中选择一个属性值,这个过程就叫“层叠”。样式覆盖(这种叫法更大众化些)遵循一定的规则,之前我对这个规则一直似懂非懂的,
转载
2012-10-10 15:29:44
688阅读
相信在写项目的时候或多或少都会被样式折磨过,都说csss是设计师的工具,不是程序员的工具,所以CSS预处理器诞生了什么是CSS预处理器CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用。CSS预处理器为CSS增加一些编程的特性,无需考虑浏览器的兼容性问题,例如你可以在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性,可以让你的
转载
2024-10-21 08:28:54
41阅读
首先需要明确的是,很多情况都会导致一个元素被运用上多种样式,样式覆盖的规则也需要根据不同的情况来定,具体规则如下。规则一:由于继承而发生样式冲突时,最近祖先获胜。CSS的继承机制使得元素可以从包含它的祖先元素中继承样式,考虑下面这种情况:<html>
<head>
<title>rule 1</title>
<style>
body {c
转载
2024-08-17 23:38:52
122阅读
ul和li列表是使用CSS布局页面时常用的元素。在CSS中,有专门控制列表表现的属性,常用的有list-style-type属性、list-style-p_w_picpath属性、list-style-position属性和list-style属性。
一、list-style-type属性
list-style-type属性是用来定义li列表的项目符号的,即列表前面的修饰。list
原创
2011-04-10 22:55:27
8029阅读
首先贴一段html代码: 我们想设置a标签,使得鼠标移入的时候有提示信息。但是如果原生的css,a标签中没有内容的话,其大小是0*0,无法达到效果 我们进行如下设置: 把li设置为 inline,把a设置为block并且设置高度为100%
转载
2018-05-14 17:12:00
627阅读
2评论