在css中 ， 可以使用border边框属性来设置上下边框 。 下面小编以p标签为例 ， 讲解css里只显示上下边框代码怎么写 。
文章插图
需要这些哦
css+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解css里只显示上下边框代码怎么写 。
文章插图
2在test.html文件中 ， 利用p标签建立一行文字 ， 用于测试 。
文章插图
3在test.html文件中 ， 给p标签添加一个class属性 ， 用于下面样式设置 。
文章插图
4在css标签内 ， 经由过程class设置p标签的样式 ， 界说它的宽度为200px ， 行高为30px 。
文章插图
5在css标签内 ， 再经由过程border-top属性设置上边框 ， border-bottom属性设置下边框 ， 例如 ， 这里都界说为2px宽的实线灰色边框 。
文章插图
6在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
总结：1【css里只显示上下边框代码怎么写】1、利用p标签建立一行文字 ， 给p标签添加一个class属性 。 2、在css标签内 ， 经由过程class设置p标签的样式 ， 界说它的宽度为200px ， 行高为30px 。 3、在css标签内 ， 再经由过程border-top属性设置上边框 ， border-bottom属性设置下边框 ， 例如 ， 这里都界说为2px宽的实线灰色边框 。
以上内容就是css里只显示上下边框代码怎么写的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何只在文档封皮首页中插入页面边框
- 微信里如何加群建群以及保存群
- ae里怎么创建正弦线条
- 小事 · 人生的甜味都在水果里
- 在科学家的眼里，黄金放在地下金库里那绝对是浪费
- 古代的墓穴，真的有盗墓小说里写的那种机关吗？
- 中华田园犬多少钱一只
- 微信支付关闭免密支付的设置在哪里
- Win10系统OneOnte应用图标桌面右下角在哪里设置
- Excel表格怎么更换里面的网格线颜色