微博输入数字-简单布局

Original 2019-02-19 10:54:41 272
abstract:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>微博输入数字</title><style>       .box {width: 600px;height: 170px;border: 8px

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>微博输入数字</title>

<style>

       .box {width: 600px;height: 170px;border: 8px solid pink; margin: 0 auto;padding: 10px;}

       .box0 {float: left;width: 200px;height: 24px;}

       .box1 {float: right; width: 150px; height: 24px;text-align: right;margin-right: 20px;font-size: 14px; color: #888;}

       .box1 span {font-size: 16px; font-weight: bold;}

       #text {width: 600px; height: 100px;border: 1px solid #888;margin-top: 5px;}

       #btn {float:right; width: 80px;height: 30px; border: none; background: #ffc09f;color: #fff;border-radius: 5px;}

</style>

</head>

<body>

<div>

       <div>有什么新鲜事可以告诉大家</div>

       <div>还可以输入<span id="number"></span>字</div>

       <textarea name="" id="text" cols="30" rows="10"></textarea>

       <button id="btn">发布</button>

</div>

</body>

</html>


Release Notes

Popular Entries