常連

質問失礼します。
当方このようなページを作っています。

HTML
```
<div id="visited_wrap">
	<table id="visited_result">
		<tr>
			<th id="visited_No">No</th>
			<th id="visited_staff">スタッフ：ID</th>
			<th id="visited_day">訪問日</th>
			<th id="visited_place">訪問先:地域</th>
			<th id="visited_time">訪問時間</th>
			<th id="visited_service">対応内容</th>
			<th id="visited_remarks">備考</th>
		</tr>

		<tr>
			<td class="visited_No">1</td>
			<td class="visited_staff">山田　隆司:3</td>
			<td class="visited_day">2019年10月07日</td>
			<td class="visited_place">田中　太郎 様平野区</td>
			<td class="visited_time">12:00～12:45</td>
			<td class="visited_service">食事入浴掃除散歩その他</td>
			<td class="visited_remarks"></td>
		</tr>
		<tr>
			<td class="visited_No">2</td>
			<td class="visited_staff">五十嵐　美穂子:5</td>
			<td class="visited_day">2019年10月07日</td>
			<td class="visited_place">南川　次郎 様東住吉区</td>
			<td class="visited_time">12:00～12:45</td>
			<td class="visited_service">食事入浴掃除散歩その他</td>
			<td class="visited_remarks">15日より3週間不在</td>
		</tr>
		<tr>
			<td class="visited_No">3</td>
			<td class="visited_staff">鈴木　竜馬:8</td>
			<td class="visited_day">2019年10月07日</td>
			<td class="visited_place">田中　太郎 様平野区</td>
			<td class="visited_time">12:00～12:45</td>
			<td class="visited_service">食事入浴掃除散歩その他</td>
			<td class="visited_remarks"></td>
		</tr>
		<tr>
			<td class="visited_No">4</td>
			<td class="visited_staff">高木　奈々:22</td>
			<td class="visited_day">2019年10月07日</td>
			<td class="visited_place">下北沢　清十郎 様住吉区</td>
			<td class="visited_time">12:00～12:45</td>
			<td class="visited_service">食事入浴掃除散歩その他</td>
			<td class="visited_remarks"></td>
		</tr>
		<tr>
			<td class="visited_No">5</td>
			<td class="visited_staff">山田　隆司:3</td>
			<td class="visited_day">2019年10月07日</td>
			<td class="visited_place">田中　太郎 様平野区</td>
			<td class="visited_time">12:00～12:45</td>
			<td class="visited_service">食事入浴掃除散歩その他</td>
			<td class="visited_remarks"></td>
		</tr>
	</table>
</div>
```

CSS
```
html,body,p,dl,dt,dd{
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#visited_wrap {
	width: 1020px;
	margin: 0 auto;
}

#visited_result tr th {
	color: #fff;
	background: #F48CD1;
}

#visited_result tr th:nth-child(even) {
	background: #F4A7D1;
}

#visited_No,
#visited_staff,
#visited_day,
#visited_place,
#visited_time,
#visited_service,
#visited_remarks {
	box-sizing: border-box;
	text-align: center;
}

#visited_No{
	width: 50px;
}
#visited_staff {
	width: 124px;
}
#visited_day {
	width: 140px;
	text-align: center;
}
#visited_place {
	width: 145px;
}
#visited_time {
	width: 120px;
}
#visited_service {
	width: 220px;
}
#visited_remarks {
	width: 221px;
}

#visited_result tr:nth-child(odd) {
	background: #EBEBEB;
}

.visited_No,
.visited_staff,
.visited_day,
.visited_place,
.visited_time,
.visited_service,
.visited_remarks {
	box-sizing: border-box;
	padding: 5px;
}

.visited_day,
.visited_service {
	text-align: center;
}

.light_up,
.gray_out {
	padding: 0 3px;
}

.gray_out {
	color: #C8C8C8;
}
```

調べるとまずは対象のページをhtmlで保存し拡張子をodsに変える。
それをcalcで開くだけというのがあったのですが実際はセルの幅はwidthに関係なくもとのセルの幅、背景色は白、cssで装飾しているgray_outの文字の色が変わっていない等、CSSが一切反映されていていません。
初めはCSSを外部ファイルで読み込む方式でっやってるからダメなのかな？と思いHTMLに<style></style>で直接書き込んでもダメ、ならばタグに直接style=""形式にしてもダメでした。
完成としては下のようになりたいです。
[Webページ(html)の表を、エクセル表に変換する(Excel2010)](http://bunsyoka.blog.fc2.com/blog-entry-48.html)

そもそもcalcがダメなのでしょうか？

ご存じの方がいらっしゃいましたら教えていただけますと幸いです

	@@ -1 +1 @@
1	- ~~画面に~~表示されているtableをopen officeのcalcにそのまま表示したい
1	+ web上で表示されているtableタグをopen officeのcalcにそのまま表示したい

質問編集履歴