css 效果之并列排列

让链接之间相互并列排列

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><style>.list{/* 去到列表的小圆点 */list-style:none;/* 去掉列表的内边距和外边距 */padding:0px;margin:0px;}.list li{/* 设置左浮动 */float: left;/* 设置右外边距 */margin-right: 5px;/* 设置背景色 */background: red;}</style><ul class="list"><li><a href="#">蔬菜呀</a></li><li> <a href="#">水果呀</a></li><li> <a href="#">玩的呀</a></li></ul>
</body>
</html>

css 效果之并列排列相关推荐

【笔记】css实现文字横向排列/竖向排列
writing-mode:书写模式属性值效果 horizontal-tb 横向排列 vertical-rl 竖向排列,从右到左 vertical-lr 竖向排列,从左到右举例如下: html: ...
微软给程序代码加的css效果
微软给程序代码加的css效果代码: <DIV style="BORDER-RIGHT: #000000 1pt inset; BORDER-TOP: #000000 1pt outs ...
html 漂亮的边框效果图,Css效果之好看的边框颜色大全
Css效果之好看的边框颜色大全今天分享一些好看的边框颜色,需要的可以直接拿走使用. 效果图: html代码: 分享JavaScript-sharejs.com body{ background-co ...
LATEX——两张图并列排列/双栏模板中图片通栏并列布局
LATEX--两张图并列排列/双栏模板中图片通栏并列布局正常插入图片并列插入两张图片双栏模板中图片通栏并列布局1(不同图片使用不同标题,不同编号) 双栏模板中图片通栏并列布局2(不同图片使有不同 ...
清新风格按钮纯CSS效果
清新风格按钮纯CSS效果(供源码下载) 发表于 2012 年 2 月 15 日 CSS3的属性大家都十分熟悉,虽然ie不支持这些效果,但随着移动互联网的迅速发展,很多web应用都是由HTML5和CSS ...
Css效果之好看的边框颜色大全
Css效果之好看的边框颜色大全今天分享一些好看的边框颜色,需要的可以直接拿走使用. 效果图: html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD X ...
css实现图片横向排列，溢出隐藏/滚动条横向拖动
关键样式: white-space:nowrap;/*内容横向排列不换行*/ overflow-x:auto; overflow-y:hidden;/*隐藏溢出部分.横向滚动条自动出现,纵向滚动条隐藏 ...
鼠标悬停效果imagehover.css和ihover.css(效果酷炫）
imagehover.css 效果展示链接:http://www.shejidaren.com/examples/imagehover-css/index.html ihover(这个效果更加酷炫) ...
Css效果之带背景图片的输入框
Css效果之带背景图片的输入框今天来看看怎么实现文本框有背景图片.效果图: 可以看到有一个搜索图标放在文本框的最前面,实现背景图标效果.来看看css怎么实现: background-image:ur ...
如用css让ul横向排列,css怎么让ul实现横向排列不换行的效果
css怎么让ul实现横向排列不换行的效果发布时间:2020-09-14 13:53:07 来源:亿速云阅读:94 作者:小新 css怎么让ul实现横向排列不换行的效果?这个问题可能是我们日常学习或 ...

css 效果之并列排列

css 效果之并列排列相关推荐

最新文章

热门文章