小编Ada*_*dam的帖子

我正在尝试用 CSS 进行此设计，因为我将放置一个网站和每个帖子的标题，根据其长度，背景会适应，但我希望下面的三角形也能这样做，所以我仍然不能去做。

到目前为止，我已经成功地用 CSS 做了类似的事情。这是我的代码：

.pentagon {\n  display: inline-block;\n  width: fit-content;\n  min-width: 50px;\n  min-height: 50px;\n  background-color: #b6ce52;\n  position: relative;\n  padding: 2px 10px 2px 10px;\n  font-weight: bold;\n}\n\n.pentagon:before {\n  content: "";\n  position: absolute;\n  bottom: -10px;\n  left: 50%;\n  transform: translateX(-50%) rotate(360deg);\n  border-left: 20px solid transparent;\n  border-right: 20px solid transparent;\n  border-top: 20px solid #b6ce52;\n}

<div class="pentagon">\n  <p>Title of post</p>\n</div>

\n

我如何调整我的代码或者我必须添加什么值 \xe2\x80\x8b\xe2\x80\x8b 才能实现示例布局？我将非常感谢你的帮助。

文本“按下按钮 2”会在文档加载时添加到 log.nsf 中（即，将 URL 复制/粘贴到浏览器地址栏中时）。当我单击它时它也会运行，这是所需的行为。谁能告诉我发生了什么事吗？HCL 文档中没有关于onclick事件或事件处理程序的内容来描述此行为和/或如何阻止其发生。

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xc="http://www.ibm.com/xsp/custom">
    <xp:this.data>
        <xp:dominoDocument formName="fParent" var="document1" />
    </xp:this.data> 
    <xp:button value="Click me" id="button2" type="submit"
        refreshMode="complete">
        <xp:this.onclick><![CDATA[#{javascript:print("button 2 pressed");}
        ]]></xp:this.onclick>
    </xp:button>
</xp:view>