li横向排列时 ul背景颜色没了

2024-11-03

问题：FF中把UL下的LI设为左浮动UL的背景色就没有了？

因为容器的子元素设置浮动后, 内容移出了文档流! 解决办法: 1.给个overflow:hidden;作为闭合浮动元素2.设定UL 一个固定的高度下面是一些与之相关的解决办法,参考文章<那些年一起清除过的浮动><style type="text/css"> .warp{ width:80%; border:1px solid #000000; } .main{ width:70%; height:300px; background-color:#999933

ul li横向排列及圆点处理

如何用CSS制作横向菜单让ul li横向排列及圆点处理第一步:建立一个无序列表我们先建立一个无序列表,来建立菜单的结构.代码是:<ul> <li><a href="1">首页</a></li> <li><a href="2">产品介绍</a></li> <li><a href="3">服务介绍</a&

CSS + ul li 横向排列的两种方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>CSS + ul li 横向排列的两种方法 </title> </head> <body> <

无序列表li横向排列的间隙问题

今天在写页面的时候,无意中遇到这样一个问题,就是无序列表li横向排列即做成导航栏时,列表项间有间隙. 如: 将列表项li变成列表块后(即将li标签设置为,display:inline-block后),会变成这样,中间会有间隙. 即便是将外边距.内边距都设为0后,还是有间隙.在调试了很久,还是没法解决这个问题,最后我改变了一下li的位置,结果可以了.我是这样做的. 改变li的位置后,结果如下: 好,问题成功解决了.不知园友们还有没有其他的好办法,欢迎指教.

1016-06-首页20-封装工具条---UITableView控件距离顶部的间距问题----cell选中时的背景颜色设置

一.设置UITableView里面的顶部 cell 距离顶部的间距的三种方式: 方法 1. 直接设置: self.tableView.contentInset = UIEdgeInsetsMake(HWStatusCellMargin, 0, 0, 0); @interface HWHomeViewController : UITableViewController@end @implementation HWHomeViewController - (void)viewDidLoad{

wpf dataGrid 选中行失去焦点时的背景颜色的更改

关于 wpf dataGrid 选中行失去焦点时的背景颜色的更改.很简单的方式,在datagrid的resource中更改InactiveSelectionHighlightBrushKey属性的值即可. 关键代码如下: <DataGrid.Resources> <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" Color="Yellow

css ul li 横向排列

因为li是块级元素,默认占一行的,要想实现横向排列,一般通过以下两个方法:float:left这样设置有一个问题,li浮动以后则脱离了文本流,即不占位置,如果它的父级元素有具体的样式且没有固定宽高,建议父元素清除浮动,或者设置固定宽高display:inline-block即把li变为行内元素且可以设置宽高以及边距,这样也有一个问题,低版本的Ie浏览器不兼容inline-block,建议在其后再加两个属性兼容低版本ie*display:inline;*zoom:1;

CSS实例：鼠标滑过超级链接文字时改变背景颜色

先讲简单的: 通过CSS可以设置超链接在不同时刻的颜色: <style> a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FFFF} /* 已访问的链接 */ a:hover {color: #0000FF} /* 鼠标移动到链接上 */ a:active {color: #00FF00} /* 选定的链接 */ </style> <ul id="content"> <li&g

无序列表li横向排列

一.横向两列方式排列: 在网页中,很多地方都会用到无序列表横向排列的形式,通常的写法都是使得li的css样式设置为:float:left的形式即可,li会依次从最左边开始并列对齐, 例如: HTML中: <ul class="ui"> <li><a href="#" >首页</a></li> <li><a href="#">登录</a></li&

取消a标签在移动端点击时的背景颜色

一.取消a标签在移动端点击时的蓝色 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; 二.使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景 a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-h

取消a标签或者onclick在移动端点击时的背景颜色

一.取消a标签在移动端点击时的蓝色 -webkit-tap-highlight-color: rgba(, , , ); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; 二.使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景 a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-c

Android中的ListView点击时的背景颜色设置

想设置listview中每行在点击.选中等不同状态下有不同的背景颜色,或者背景图片. 这可以用Android的Selector来实现.它可以定义组件在不同状态下的显示方式. 新建一个xml文件list_bg_selector.xml在drawable目录下 <?xml version="1.0" encoding="utf-8" ?> <selector xmlns:android="http://schemas.android.com/

css取消a标签在移动端点击时的背景颜色

一.取消a标签在移动端点击时的蓝色 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none; 二.使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景 a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-h

设置UITableViewCell 选中时的背景颜色

自定义Cell如图一个View上面放了四个Label 分别连线到.m文件中 @property (weak, nonatomic) IBOutlet UILabel *nameLabel; @property (weak, nonatomic) IBOutlet UILabel *positionLabel; @property (weak, nonatomic) IBOutlet UILabel *paperLabel; @property (weak, nonatomic) IBOutle

H5 -- 取消a标签在点击时的背景颜色

原文链接:点我 1.取消a标签在移动端点击时的蓝色 a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; } 2.使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景 a,a:hover,a:active,a:visited,a:link,a:focus{

解决ul的li横向排列换行的问题

1. 问题现象先看下面的html结构: <div> <ul> <li><img src='./img/1.jpg'></li> <li><img src='./img/2.jpg'></li> <li><img src='./img/3.jpg'></li> <li><img src='./img/4.jpg'></li> </ul

菜单制作:ul li横向排列

CSS菜单制作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>菜单</title> <style type="text/css"> .ui { width: 1200px; height: 100px; list-style: none; margin: 0; paddi

CSS中如何将li横向排列

直接贴段例子代码吧: @{ Layout = null;} <!DOCTYPE html><style type="text/css"> .test li { float: left; width: 70px; margin: 3px; padding: 3px; list-style-type: none; display:inline;} </style> <html><head> <meta name="

Android 文字链接文字点击时的背景颜色

案例:实现“忘记密码?”这个链接,并且在按下的时候改变颜色. 方法一:这个可以用TextView实现: 主界面main.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical"

table tr列鼠标经过时更改背景颜色

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title>鼠标经过给tr换颜色</title> <script type="text/javascript"> function changeTrColor(obj){ var _table=obj.parentN

css背景颜色、背景图片，以及列表的多种样式

背景样式 • background-color 设置元素的背景颜色.• background-image 把图像设置为背景.• background-position 设置背景图像的起始位置.• background-attachment 背景图像是否固定或者随着页面的其余部分滚动.• background-repeat 设置背景图像是否重复及如何重复.• background 简写属性,作用是将背景属性设置在一个声明中. 列表样式 • list-style-type 设置列表项标志的类型.•

li横向排列时 ul背景颜色没了

热门专题