码迷,mamicode.com
首页 > Web开发 > 详细

CSS_边框

时间:2017-09-23 16:17:18      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:height   type   元素   meta   oct   htm   块元素   flow   doctype   

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>边框</title>
<style type="text/css">
/*1.四个边设置形同的边框*/
p{
border: 1px dashed red
}
/*2.单个边框设置*/
h1{
border-left: 10px solid blue;
}
/*3.块元素一般宽度默认是100%,高度会自适应,内容越多,越高,设定固定宽度会溢出*/
p{
width: 300px;
height: 60px;
/*溢出时自动处理*/
overflow: auto;
}
</style>
</head>
<body>

<h1>唐僧</h1>
<p>
唐僧是大唐人,师从如来佛祖;
最擅长普度众生,救人以水火之中;
他以身作则
他有三个徒弟
还有一匹坐骑
坐骑是白龙马
他以身作则
他有三个徒弟
还有一匹坐骑
坐骑是白龙马
唐僧是大唐人,师从如来佛祖;
最擅长普度众生,救人以水火之中;
他以身作则
他有三个徒弟
还有一匹坐骑
坐骑是白龙马
他以身作则
他有三个徒弟
还有一匹坐骑
坐骑是白龙马
唐僧是大唐人,师从如来佛祖;
最擅长普度众生,救人以水火之中;

</p>
</body>
</html>

CSS_边框

标签:height   type   元素   meta   oct   htm   块元素   flow   doctype   

原文地址:http://www.cnblogs.com/Bighua123/p/7581179.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!