15 css中边框的设置

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
p{
    border:1px solid red;
    }

li{
    border-bottom:1px dotted red;
    }
</style>
</head>

<body>
<p>
下边是课程安排：
</p>
    <ul>
        <li>英语</li>
        <li>数学</li>
        <li>地理</li>
    </ul>
</body>
</html>

时间： 2024-12-11 14:50:55

15 css中边框的设置的相关文章

div+css中边框不听话的解决办法

在学习div+css布局过程中,碰到边框不听话的问题.就是我的样式表里是没有指定margin,boder等属性,预期效果应该是左列,中列,右列三个div紧密结合,占据一整行.预期结果如下然而实际效果如下如图所示,在"中列"的四周出现了一下白边.代码如下 <style type="text/css">#left4{ width:200px; height:200px; background-color:#09F; border:2px solid #

CSS中的间距设置与盒子模型

CSS间距内补白外补白盒子模型 CSS间距很多时候我们为了美观,需要对内容进行留白设置,这时候就需要设置间距了. 内补白设置元素的内间距 padding: 检索或设置对象四边的内部边距 padding:10px; 上下及两边设置 padding:5px 10px; 由上边界开始,顺时针设置 padding:10px 20px 30px 40px 单边设置 padding-top: 检索或设置对象顶边的内部边距 padding-right: 检索或设置对象右边的内部边距 padding-

CSS中 opacity的设置影响了index（层数）的改变

在使用 opacity 属性来实现页面整体透明的时候,发现了一个问题.如果两个层发生了重叠,使用了 opacity 属性并且属性值小于1的层,会覆盖掉后面的层.于是动手做了个实验,来验证 opacity 的层次. 网页中的层叠规律是这样的:如果两个层都没有定义 position 属性为 absolute 或者 relative 属性,哪个层的HTML代码放在后面,哪个层就显示在上面.如果指定了 position 属性,并且设置了 z-index 属性,谁的值大,谁就在上面. Opacity 属性

css中如果没有设置display，则无法显示动画效果！！！

1 <script type="text/javascript" src="jquery-1.7.1.js"></script> 2 <script type="text/javascript"> 3 4 $(document).ready(function(){ 5 6 var x = 10; 7 var y = 10; 8 9 $('.prompt_a').mouseover(function(e){ 10

CSS border边框属性教程(color style)

CSS 边框即CSS border-border边框样式颜色.边框样式.边框宽度的语法结构与应用案例教程篇一.CSS 边框基础知识 CSS 边框即CSS border是控制对象的边框边线宽度.颜色.虚线.实线等样式CSS属性.同时大家可以进入码农教程提供CSS手册查看border手册:http://www.manongjc.com/cssref/pr_border.html 二.Html原始边框与DIV+CSS边框对照 Html表格控制边框:border="1" bordercolo

CSS中不透明度继承问题的处理

关于CSS中不透明度的设置,除了兼容方面的问题,还有不透明度继承问题,这里只讨论下后者. 那么, 什么时候会发生不透明度继承问题? 当文档结构中有父子嵌套关系的时候,并且父元素有不透明度属性设置时,会发生不透明度继承问题,此时子元素也继承了父元素的不透明度,并且再另外设置子元素不透明度是无效的(如果父元素没有设置不透明度,子元素的设置是有效的). 下面是相关代码和效果图: CSS部分: #parent{ height:400px; width:500px; background:green; o

css中margin-top或者margin-bottom失效

css中margin-top是设置容器的外间距了距离了,div嵌套后,margin-top或者margin-bottom失效了,在网上打到下面的方法可以解决. 设计页面的时候遇到一个神奇的问题,下面是html的代码 <body> <div class="homeNav"> <div class="homeCategory "> </div> </div></bod

3.css中的颜色

css中颜色的设置形式主要有三种方式:颜色名称.十六进制代码和十进制代码. 在古老的 HTML4 时,颜色名称只有 16 种. 颜色名称十六进制代码十进制代码含义 black #000000 0,0,0 黑色 silver #c0c0c0 192,192,192 银色 gray #808080 128,128,128 灰色 white #ffffff 255,255,255 白色 maroon #800000 128,0,0 栗色 red

深入学习CSS中如何使用定位

CSS中定位介绍 position属性在英文单词中表示位置的意思,在CSS中主要作用设置元素的定位. CSS中一共有3种定位如下: 属性值描述 fixed 设置固定定位. relative 设置相对定位. absolute 设置绝对定位. 固定定位实践在实践固定定位之前我们先看看代码结构是什么样子的呢. 代码块 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8