css简单的分割线横线 竖线

横线

<div class="aLine">
.aline {
    background-color:#E6E3E3;
    height:1px;
}

竖线

<div class="vLine">
.vLine {
    border-left: solid 2px #ccc;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 15px;
}

原文地址:https://www.cnblogs.com/guangzan/p/10304606.html

时间: 2024-10-10 06:53:01

css简单的分割线横线 竖线的相关文章

css3 calc():css简单的数学运算-加减乘除

css3 calc():css简单的数学运算–加减乘除 多好的东西啊,不用js,一个css就解决了. .box{ border:1px solid #ddd; width:calc(100% - 100px); background:#9AC8EB; } 3栏等宽布局 .box{ margin-left:20px; width:calc(100%/3 - 20px); } .box:nth-child(3n){ margin-left:0; } 运算规则 calc()使用通用的数学运算规则,但是

Bootstrap css简单使用

http://www.bootcss.com/ 这是中文官网 这里简单的用一下基本的css: 引用基本样式: <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <td style="width: 60%;"> <a class="btn btn-info" href="java

HTML与CSS简单页面效果实例

本篇博客实现一个HTML与CSS简单页面效果实例 index.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Insert title here</title> 6 <link href="style.css" rel="stylesheet" type="t

css简单实现带箭头的边框

原文地址 https://tianshengjie.cn/artic... css简单实现带箭头的边框 普通边框 <style> .border { width: 100px; height: 50px; border: 1px solid red; } </style> <div class="border"></div> 实现由四个三角形组成的正方形 <style> .triangle { width: 0; height

横线竖线处理

简单粗暴 横线 <View android:layout_width="match_parent" android:layout_height="1px" android:background="#66CCFF" /> 竖线就是改变大小

css简单了解

今天主要是说一下css样式表!HTML结合他使用可以是HTML页面变得很绚丽多彩! 先简单介绍一下为什么要使用CSS(Cascading Style Sheets)层叠样式表! 1.因为CSS样式表可以定义HTML 元素如何显示 2.所有主流浏览器都支持CSS样式表 3.样式表极大地提高了工作效率 4.并且,多重样式表可以层叠为一个 那如果当同一个HTML元素被不只一个样式定义的时候,会使用哪一个样式呢? 一般而言,所有样式会根据下面的规则层叠于一个新的虚拟样式表,其中第4条拥有最高优先权. 1

利用CSS简单布局的不同组合类型

关于CSS布局页面的简单组合方式: <!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-eq

CSS 简单知识概括

CSS选择器 ID选择器 #ID{color:red} 类选择器 .class{color:blue} 属性选择器 注释:只有在规定了 !DOCTYPE 时,IE7 和 IE8 才支持属性选择器.在 IE6 及更低的版本中,不支持属性选择 [title]{color:green} 元素选择器 p{font-size:15px} 后代选择器 p  a{font-size:15px} 子元素选择器 p > a{background:red} 相邻兄弟选择器 h1 + p{background:yel

[CSS3] 学习笔记-HTML与CSS简单页面效果实例

一个简单的首页的设计: html文件: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <link rel="stylesheet" type="text/css" href="1.css"> 7 </head> 8 &