• 技术文章 >web前端 >前端问答

    css中段落边框如何设置

    青灯夜游青灯夜游2022-01-20 17:40:51原创166

    css设置段落边框的方法:1、给p元素设置border属性来同时给段落添加上下左右四个边框;2、给p元素设置border-top、border-bottom、border-left、border-right属性来分别给段落添加上下左右边框。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    css设置段落边框

    1、使用border属性

    <!DOCTYPE html>
    <html>
    	<head>
    		<style type="text/css">
    			p{
    				padding: 10px;
    				border: 1px solid red;
    			}
    		</style>
    	</head>
    
    	<body>
    		<p>测试元素</p>
    	</body>
    
    </html>

    1.png

    2、分别使用border-top、border-bottom、border-left、border-right属性

    <!DOCTYPE html>
    <html>
    	<head>
    		<style type="text/css">
    			p{
    				padding: 10px;
    				border-top: 2px solid red;
    				border-bottom: 2px solid paleturquoise;
    				border-left: 2px solid green;
    				border-right: 2px solid blue;
    			}
    		</style>
    	</head>
    
    	<body>
    		<p>测试元素</p>
    	</body>
    
    </html>

    2.png

    (学习视频分享:css视频教程

    以上就是css中段落边框如何设置的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 段落边框
    上一篇:node.js和java的区别是什么 下一篇:怎样给select添加css样式
    PHP编程就业班

    相关文章推荐

    • 怎么用css样式把图片改为灰色• css怎样改变一个图片高度和宽度• css怎么实现图片放大缩小动画• css怎么实现鼠标移上去旋转效果• css3如何让animation动画停止

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网