如何像预期的布局一样设计布局
夏尔马
我需要使用htmland创建这种布局css。
我使用div标签为这个布局编码。
class App extends Component {
render() {
return (
<div className="AppTitle">
<b>Score:</b>
<div>
<button type="button">Rock</button>
<button type="button">Paper</button>
<button type="button">Scissors</button>
</div>
</div>
);
}
}
应用程序.css
.AppTitle {
margin: 100px;
}
它看起来像这样
Dinesh undefined
使用 css 样式。给出边界和边界半径。你会得到你想要的。
.AppTitle{
padding:50px;
}
button{
padding:20px;
border:1px solid blue;
border-radius:10px;
background-color: Transparent;
}<div class="AppTitle">
<u><b>Score:</b></u>
<div>
<button type="button">
Rock
</button>
<button type="button">Paper</button>
<button type="button">Scissors</button>
</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
像注3一样检测“ Phablets”以进行布局
- 2
文字/文字-像圣经一样的两列布局
- 3
像Android布局一样工作的CSS框架？
- 4
如何使用CSS在Google Keep中使布局像笔记一样？
- 5
（编辑）如何将TextView数组添加到像网格一样的布局中？
- 6
如何删除布局中像线条一样的底部分隔线？
- 7
如何使布局中的素材卡像url一样起作用？
- 8
如何在JavaFX中像android fragment一样实现布局
- 9
如何使 recyclerview 布局管理器像堆栈视图一样？
- 10
使 TextView 与父布局一样大
- 11
响应式CSS表格布局使一个单元格像行一样
- 12
应用程序运行时Android布局设计不一样
- 13
像香奈儿应用程序一样的自定义集合视图布局
- 14
Filemaker Pro 14 Advanced-布局/报表-像Excel数据透视表一样？
- 15
自定义项目布局气泡像 Messenger 一样聊天
- 16
如何设计一个像景色一样的屏幕？
- 17
如何设计一个像景色一样的屏幕？
- 18
如何创建一个按钮至少与TextView一样长的布局？
- 19
如何创建一个按钮至少与TextView一样长的布局？
- 20
如何像Form Designer一样将控件置于设计状态模式？
- 21
Safari工具栏UI设计，如何像Safari一样集成添加按钮？
- 22
如何像监护人应用程序一样设计Gridview
- 23
如何设计可像tumblr一样呈现HTML内容的内容块？
- 24
如何像Windows Phone一样在android中设计动态图块？
- 25
Safari工具栏UI设计，如何像Safari一样集成添加按钮？
- 26
设计UIImages像圆形动画一样滚动
- 27
我怎样才能像Android中的gridview一样在水平和垂直方向上添加框布局
- 28
jQuery库设计：jQuery如何像数组一样工作，但它是一个对象？
- 29
像背包一样
我来说两句