- 章节重复度20190523003
- 223
- 137字
- 2025-01-23 13:16:25
border
CSS 的 border 属性是一个用于设置各种单独的边界属性的简写属性。border 可以用于设置一个或多个以下属性的值：border-width、border-style、border-color。
行内的边框
▼
为了让文兰“面对现实”，众亲戚说得吐沫横飞
，把距离、家庭、婚姻、工作、未来……但凡能想到的问题统统提了出来。甚至有亲戚主动表示，要给文兰张罗相亲。每个人口中都在说着“为你好”，却把文兰逼得不厌其烦。
▲
会存在使用下边框绘制下划线的情况，需要确认在白天/黑夜主题下，是否跟随文字颜色一起调整。
.border-inline {
border: 1px solid red;
}
分别设置宽度、颜色和样式
▼
文兰是独生女，家里舍不得她在外头打拼，一心希望她毕业就回家，考个公务员，轻轻松松地过安稳日子。但文兰的男友家在外地，和她隔着大半个中国，也是家里的独生子。遥远的距离成为他们爱情的最大阻碍。
▲
.border-par {
border: 4px double #adadad;
padding-top: 0.25em;
padding-right: 0.25em;
padding-bottom: 0.25em;
padding-left: 0.25em;
background-color: #e1e1e1;
}
为图片添加描边
▼
▲
.img-border {
border: 1px solid #b9b9b9;
padding: 2px;
width: 75%;
}
相邻边框（给p元素）
▼
文兰是独生女，家里舍不得她在外头打拼，一心希望她毕业就回家，考个公务员，轻轻松松地过安稳日子。但文兰的男友家在外地，和她隔着大半个中国，也是家里的独生子。遥远的距离成为他们爱情的最大阻碍。
文兰是独生女，家里舍不得她在外头打拼，一心希望她毕业就回家，考个公务员，轻轻松松地过安稳日子。但文兰的男友家在外地，和她隔着大半个中国，也是家里的独生子。遥远的距离成为他们爱情的最大阻碍。
▲
相邻边框（给div元素）
▼
陈大妈是小区里有名的“热心肠”，退休后闲不住，谁家有什么大事小情她都会主动帮助。
比如最近，陈大妈就一直操心着隔壁邻居家儿子的婚事。邻居家儿子已经30多岁了，各方面条件都不错，就是缺个合适的对象。
很快，陈大妈就锁定了隔壁楼的吴姑娘。吴姑娘今年29岁，也是单身，没有合适的对象。
包含45个字母的单词“肺尘病”是目前世界公认的最长单词，后面几个目前还不算是真正的单词，哦对了，最后一个单词，其实是谣言……
▲
.border-block-Adjacent {
border: 1px solid #000;
margin: 0.5em;
}
相邻边框不设置margin的情况
编辑器中预览看到上上边框下部与下个边框上部，边框重叠了。
▼
日记素材——我曾经在哪里见过这些行为？
这是你第一次遇到一个有毒的人吗？或者你在生活中是否已经遇到过几个自恋者或反社会者？花点时间写下你在童年时遇到的那些没有把你的最大利益放在心上的人。可能是你的家庭成员、朋友、老师、教练或其他对你生活有影响的人。借助本章前面的有毒行为清单，描述他们的不健康行为。你现在与他们的关系是怎样的，你还经常和他们见面或交谈吗？你是否与他们保持距离？或者他们是否已过世？
日记素材——有毒之人是如何改变我的童年的？
基于你在上一篇日记中列出的人员，写出每一个有毒之人是如何影响你看待自己和周围世界的方式的。你可能从挑剔的父母那里形成了自卑，从老师那里学会了无限制地越界，从教练那里学会了无止境的谩骂。这个清单有助于你确定应在哪些方面付出努力，避开有毒之人。如果你正在接受治疗，可以跟心理咨询师分享相关内容。
▲